Đen, tím, xanh dương và xám (sọc màu hình nón)

Sọc màu hình nón, 48 màu, góc 225°: #170f23, #502c4b, #4a5079, #61887f, #ede2d4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#170f23
#191025
#1c1228
#20142b
#24162e
#281832
#2e1b35
#331d39
#39203d
#3f2340
#452644
#4a2948
#502c4b
#542f50
#583254
#5c3558
#5e385d
#5e3b62
#5e3e66
#5c416b
#5a446f
#574772
#534a75
#4e4d78
#4a5079
#45547a
#41577a
#3d5b7a
#3b5f7a
#3a6479
#3b6878
#3e6d78
#437379
#4b797a
#55817c
#61887f
#6e9082
#7c9887
#8aa18c
#99a993
#a7b29b
#b5baa3
#c1c2ac
#cdcab5
#d7d1be
#e0d8c7
#e7ddce
#ede2d4

CSS

background: conic-gradient(from 225deg, oklch(18.90% 0.0413 300.94) 0.000% 2.083%, oklch(19.66% 0.0427 302.20) 2.083% 4.167%, oklch(20.62% 0.0445 304.13) 4.167% 6.250%, oklch(21.73% 0.0466 306.61) 6.250% 8.333%, oklch(22.98% 0.0491 309.50) 8.333% 10.417%, oklch(24.34% 0.0517 312.66) 10.417% 12.500%, oklch(25.80% 0.0546 315.96) 12.500% 14.583%, oklch(27.32% 0.0575 319.27) 14.583% 16.667%, oklch(28.88% 0.0604 322.46) 16.667% 18.750%, oklch(30.46% 0.0633 325.38) 18.750% 20.833%, oklch(32.04% 0.0661 327.92) 20.833% 22.917%, oklch(33.59% 0.0686 329.93) 22.917% 25.000%, oklch(35.09% 0.0709 331.27) 25.000% 27.083%, oklch(36.51% 0.0728 331.83) 27.083% 29.167%, oklch(37.84% 0.0743 331.46) 29.167% 31.250%, oklch(39.04% 0.0754 330.02) 31.250% 33.333%, oklch(40.10% 0.0759 327.41) 33.333% 35.417%, oklch(40.98% 0.0760 323.71) 35.417% 37.500%, oklch(41.70% 0.0756 319.06) 37.500% 39.583%, oklch(42.30% 0.0750 313.55) 39.583% 41.667%, oklch(42.80% 0.0740 307.28) 41.667% 43.750%, oklch(43.24% 0.0728 300.33) 43.750% 45.833%, oklch(43.64% 0.0714 292.81) 45.833% 47.917%, oklch(44.04% 0.0698 284.81) 47.917% 50.000%, oklch(44.46% 0.0680 276.43) 50.000% 52.083%, oklch(44.94% 0.0661 267.75) 52.083% 54.167%, oklch(45.50% 0.0641 258.88) 54.167% 56.250%, oklch(46.18% 0.0621 249.91) 56.250% 58.333%, oklch(47.00% 0.0601 240.93) 58.333% 60.417%, oklch(48.00% 0.0581 232.04) 60.417% 62.500%, oklch(49.20% 0.0561 223.33) 62.500% 64.583%, oklch(50.64% 0.0543 214.90) 64.583% 66.667%, oklch(52.37% 0.0526 206.59) 66.667% 68.750%, oklch(54.46% 0.0506 197.69) 68.750% 70.833%, oklch(56.86% 0.0485 188.24) 70.833% 72.917%, oklch(59.52% 0.0463 178.39) 72.917% 75.000%, oklch(62.38% 0.0440 168.25) 75.000% 77.083%, oklch(65.40% 0.0417 157.95) 77.083% 79.167%, oklch(68.50% 0.0393 147.62) 79.167% 81.250%, oklch(71.65% 0.0369 137.38) 81.250% 83.333%, oklch(74.78% 0.0346 127.35) 83.333% 85.417%, oklch(77.84% 0.0323 117.67) 85.417% 87.500%, oklch(80.78% 0.0302 108.45) 87.500% 89.583%, oklch(83.54% 0.0281 99.82) 89.583% 91.667%, oklch(86.07% 0.0263 91.91) 91.667% 93.750%, oklch(88.32% 0.0246 84.84) 93.750% 95.833%, oklch(90.22% 0.0232 78.74) 95.833% 97.917%, oklch(91.73% 0.0220 73.74) 97.917% 100.000%);

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

Extra celestial

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