Cầu vồng từ xanh dương sang tím tông trầm (gradient tuyến tính)

Cầu vồng từ xanh dương sang tím tông trầm: bảng màu gồm 32 màu. #579abb, #85bde2, #43aa9b, #dea39f, #6d5c73. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#579abb
#5b9dbe
#63a1c4
#6ba7cb
#74add2
#7cb2d8
#83b7de
#86bbe1
#85bde2
#7fbcdf
#77b9db
#6bb4d5
#5db0cd
#4facc4
#41aab9
#3aa9ab
#43aa9b
#5dac89
#80ae76
#a3ac6b
#c1aa6d
#d6a77c
#dfa58f
#dea39f
#d69ea7
#c897a8
#b78da2
#a48199
#92768e
#836b83
#766279
#6d5c73

CSS

background: linear-gradient(45deg in oklch, oklch(65.35% 0.0841 231.33) 0.0%, oklch(66.46% 0.0834 232.33) 3.2%, oklch(68.10% 0.0824 234.10) 6.5%, oklch(70.06% 0.0812 236.23) 9.7%, oklch(72.13% 0.0799 238.31) 12.9%, oklch(74.09% 0.0789 239.94) 16.1%, oklch(75.73% 0.0782 240.70) 19.4%, oklch(76.83% 0.0781 240.19) 22.6%, oklch(77.17% 0.0788 238.07) 25.8%, oklch(76.60% 0.0808 235.40) 29.0%, oklch(75.31% 0.0837 232.37) 32.3%, oklch(73.58% 0.0873 228.56) 35.5%, oklch(71.67% 0.0909 223.52) 38.7%, oklch(69.83% 0.0942 216.84) 41.9%, oklch(68.34% 0.0967 208.08) 45.2%, oklch(67.46% 0.0979 196.82) 48.4%, oklch(67.46% 0.0974 182.32) 51.6%, oklch(68.48% 0.0955 163.05) 54.8%, oklch(70.22% 0.0925 140.13) 58.1%, oklch(72.31% 0.0887 115.04) 61.3%, oklch(74.38% 0.0844 89.28) 64.5%, oklch(76.10% 0.0799 64.33) 67.7%, oklch(77.09% 0.0754 41.70) 71.0%, oklch(77.00% 0.0712 22.86) 74.2%, oklch(75.50% 0.0673 8.33) 77.4%, oklch(72.65% 0.0630 356.25) 80.6%, oklch(68.86% 0.0585 346.23) 83.9%, oklch(64.53% 0.0540 337.97) 87.1%, oklch(60.08% 0.0496 331.18) 90.3%, oklch(55.90% 0.0457 325.55) 93.5%, oklch(52.41% 0.0424 320.78) 96.8%, oklch(50.00% 0.0400 316.57) 100.0%);

Trong các bộ sưu tập này

Phượng tím đầu mùa

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động