Cầu vồng từ tím đậm sang vàng (sọc màu hình nón)

Sọc màu hình nón, 48 màu, góc 225°: #28162a, #b9d1ec, #b75d7f, #15462f, #d6e879. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#28162a
#322238
#41344e
#534c6a
#666889
#7987a8
#8da5c5
#9fc0de
#afd6f1
#bae4fd
#c0e7ff
#bfe0fa
#b9d1ec
#b0bed7
#a3a8be
#9492a4
#847e8c
#766d78
#6d606a
#6b5964
#715763
#7d5667
#8e586e
#a25a77
#b75d7f
#cc5f86
#de5f86
#ec5f7e
#f15e6a
#eb5d47
#d46100
#a76900
#7e6600
#555e00
#2e5323
#15462f
#103b32
#143533
#1a3737
#204140
#28514e
#32675d
#42806b
#5b9b75
#7bb579
#9ecb7a
#bfdc79
#d6e879

CSS

background: conic-gradient(from 225deg, oklch(23.23% 0.0455 323.44) 0.000% 2.083%, oklch(28.08% 0.0463 316.70) 2.083% 4.167%, oklch(35.06% 0.0476 306.75) 4.167% 6.250%, oklch(43.52% 0.0492 294.60) 6.250% 8.333%, oklch(52.82% 0.0509 281.30) 8.333% 10.417%, oklch(62.34% 0.0526 267.88) 10.417% 12.500%, oklch(71.42% 0.0541 255.37) 12.500% 14.583%, oklch(79.45% 0.0552 244.81) 14.583% 16.667%, oklch(85.77% 0.0557 237.24) 16.667% 18.750%, oklch(89.76% 0.0555 233.68) 18.750% 20.833%, oklch(90.82% 0.0522 235.04) 20.833% 22.917%, oklch(89.11% 0.0502 241.06) 22.917% 25.000%, oklch(85.23% 0.0448 250.75) 25.000% 27.083%, oklch(79.79% 0.0385 263.17) 27.083% 29.167%, oklch(73.40% 0.0321 277.37) 29.167% 31.250%, oklch(66.68% 0.0265 292.41) 31.250% 33.333%, oklch(60.22% 0.0224 307.32) 33.333% 35.417%, oklch(54.66% 0.0207 321.16) 35.417% 37.500%, oklch(50.59% 0.0222 332.98) 37.500% 39.583%, oklch(48.61% 0.0277 341.85) 39.583% 41.667%, oklch(48.65% 0.0392 347.77) 41.667% 43.750%, oklch(50.17% 0.0563 351.54) 43.750% 45.833%, oklch(52.76% 0.0770 353.90) 45.833% 47.917%, oklch(56.01% 0.0998 355.55) 47.917% 50.000%, oklch(59.50% 0.1228 357.21) 50.000% 52.083%, oklch(62.80% 0.1442 359.59) 52.083% 54.167%, oklch(65.51% 0.1623 3.43) 54.167% 56.250%, oklch(67.21% 0.1754 9.43) 56.250% 58.333%, oklch(67.48% 0.1816 18.32) 58.333% 60.417%, oklch(65.85% 0.1794 31.28) 60.417% 62.500%, oklch(62.35% 0.1676 48.88) 62.500% 64.583%, oklch(57.50% 0.1247 69.82) 64.583% 66.667%, oklch(51.84% 0.1061 92.73) 66.667% 68.750%, oklch(45.92% 0.1052 116.23) 68.750% 70.833%, oklch(40.28% 0.0873 138.91) 70.833% 72.917%, oklch(35.47% 0.0666 159.43) 72.917% 75.000%, oklch(32.02% 0.0498 176.40) 75.000% 77.083%, oklch(30.49% 0.0388 188.45) 77.083% 79.167%, oklch(31.40% 0.0354 194.29) 79.167% 81.250%, oklch(34.86% 0.0386 194.10) 81.250% 83.333%, oklch(40.36% 0.0468 189.06) 83.333% 85.417%, oklch(47.36% 0.0587 180.35) 85.417% 87.500%, oklch(55.28% 0.0731 169.15) 87.500% 89.583%, oklch(63.57% 0.0887 156.62) 89.583% 91.667%, oklch(71.68% 0.1042 143.93) 91.667% 93.750%, oklch(79.06% 0.1184 132.26) 93.750% 95.833%, oklch(85.14% 0.1300 122.78) 95.833% 97.917%, oklch(89.37% 0.1378 116.67) 97.917% 100.000%);

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

Màu siêu thực

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