Cầu vồng từ tím sang xanh hải quân (gradient hình nón)

Bảng màu Cầu vồng từ tím sang xanh hải quân

Gradient hình nón, 34 màu, góc 180°: #17002c, #e66082, #fbffef, #008999, #010040. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

7 keyframe OKLCH chỉnh sửa được.

#17002c
#230041
#310760
#401c81
#5230a2
#6d40bb
#934ac2
#c151ad
#e66082
#f37f53
#eba33f
#dfc054
#dcd672
#e3e98c
#eff8a1
#f9ffd5
#ffffff
#fbffef
#e8fda7
#d6ee90
#bedc75
#a0cb60
#76be5a
#16b56d
#009f8d
#008999
#0072a2
#0056b8
#2a3cab
#292894
#1d187c
#0f0a65
#040052
#010040

CSS

background: conic-gradient(from 180deg in oklch, oklch(16.61% 0.0866 304.26) 0.0%, oklch(21.01% 0.1110 301.87) 3.0%, oklch(27.21% 0.1377 297.00) 6.1%, oklch(34.51% 0.1562 292.40) 9.1%, oklch(42.10% 0.1727 291.03) 12.1%, oklch(49.22% 0.1838 295.75) 15.2%, oklch(55.30% 0.1858 309.77) 18.2%, oklch(61.08% 0.1797 335.07) 21.2%, oklch(66.66% 0.1683 7.21) 24.2%, oklch(71.97% 0.1544 41.08) 27.3%, oklch(76.94% 0.1410 71.53) 30.3%, oklch(81.50% 0.1309 93.46) 33.3%, oklch(86.12% 0.1232 105.56) 36.4%, oklch(90.91% 0.1156 111.49) 39.4%, oklch(95.25% 0.1091 113.54) 42.4%, oklch(98.50% 0.0542 113.99) 45.5%, oklch(100.00% 0.0001 109.01) 48.5%, oklch(99.27% 0.0212 118.28) 51.5%, oklch(96.02% 0.1119 119.76) 54.5%, oklch(91.00% 0.1220 120.50) 57.6%, oklch(85.01% 0.1334 122.46) 60.6%, oklch(78.83% 0.1443 127.59) 63.6%, oklch(73.23% 0.1530 137.84) 66.7%, oklch(68.11% 0.1602 156.16) 69.7%, oklch(62.87% 0.1130 181.46) 72.7%, oklch(57.59% 0.0994 209.56) 75.8%, oklch(52.30% 0.1130 236.30) 78.8%, oklch(47.07% 0.1704 257.47) 81.8%, oklch(41.83% 0.1772 269.47) 84.8%, oklch(36.14% 0.1694 274.04) 87.9%, oklch(30.33% 0.1583 273.69) 90.9%, oklch(24.87% 0.1462 270.69) 93.9%, oklch(20.25% 0.1354 267.28) 97.0%, oklch(17.00% 0.1159 265.72) 100.0%);

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

Gradient cầu vồng vòng lặp

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