Đen, xanh hải quân, đỏ nâu và cam (gradient hình nón)

Đen, xanh hải quân, đỏ nâu và cam: bảng màu gồm 64 màu. #0c1118, #20304b, #6c172f, #b32b33, #e0a64f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c1118
#0d121a
#0e141c
#0f151e
#101721
#111924
#121c27
#131e2a
#14202e
#152331
#172535
#182839
#192a3c
#1a2c40
#1c2e44
#1e2f47
#20304b
#23304e
#273051
#2b2f53
#302e55
#352c56
#3a2a56
#402854
#462552
#4c234f
#51204b
#561e46
#5b1c41
#601a3c
#641837
#681732
#6c172f
#70172c
#75162a
#791628
#7d1628
#821628
#871628
#8c1729
#90172b
#95182d
#9a1a2f
#9f1c31
#a41f32
#a92234
#ae2634
#b32b33
#b83132
#bd382f
#c2402d
#c6482b
#ca5129
#ce5a27
#d26427
#d56d28
#d7762b
#d97f2f
#db8834
#dc8f3a
#de9740
#de9d46
#dfa24b
#e0a64f

CSS

background: conic-gradient(from 225deg in oklch, oklch(17.72% 0.0165 256.64) 0.0%, oklch(18.20% 0.0178 256.56) 1.6%, oklch(18.80% 0.0191 256.15) 3.2%, oklch(19.50% 0.0207 255.51) 4.8%, oklch(20.30% 0.0224 254.70) 6.3%, oklch(21.16% 0.0243 253.81) 7.9%, oklch(22.09% 0.0263 252.92) 9.5%, oklch(23.05% 0.0284 252.09) 11.1%, oklch(24.04% 0.0307 251.42) 12.7%, oklch(25.04% 0.0331 250.97) 14.3%, oklch(26.02% 0.0356 250.82) 15.9%, oklch(26.99% 0.0383 251.06) 17.5%, oklch(27.91% 0.0411 251.76) 19.0%, oklch(28.77% 0.0439 253.00) 20.6%, oklch(29.56% 0.0469 254.85) 22.2%, oklch(30.25% 0.0500 257.40) 23.8%, oklch(30.85% 0.0532 260.73) 25.4%, oklch(31.33% 0.0566 265.11) 27.0%, oklch(31.72% 0.0602 270.52) 28.6%, oklch(32.03% 0.0640 276.81) 30.2%, oklch(32.29% 0.0680 283.82) 31.7%, oklch(32.49% 0.0722 291.40) 33.3%, oklch(32.66% 0.0764 299.40) 34.9%, oklch(32.81% 0.0808 307.67) 36.5%, oklch(32.95% 0.0852 316.06) 38.1%, oklch(33.11% 0.0896 324.43) 39.7%, oklch(33.30% 0.0941 332.61) 41.3%, oklch(33.52% 0.0985 340.45) 42.9%, oklch(33.80% 0.1028 347.82) 44.4%, oklch(34.15% 0.1071 354.55) 46.0%, oklch(34.59% 0.1112 0.49) 47.6%, oklch(35.12% 0.1152 5.49) 49.2%, oklch(35.76% 0.1191 9.45) 50.8%, oklch(36.46% 0.1232 12.55) 52.4%, oklch(37.21% 0.1275 14.90) 54.0%, oklch(38.01% 0.1320 16.61) 55.6%, oklch(38.85% 0.1366 17.78) 57.1%, oklch(39.74% 0.1412 18.51) 58.7%, oklch(40.68% 0.1457 18.89) 60.3%, oklch(41.65% 0.1501 19.02) 61.9%, oklch(42.67% 0.1544 19.00) 63.5%, oklch(43.73% 0.1583 18.93) 65.1%, oklch(44.82% 0.1619 18.91) 66.7%, oklch(45.96% 0.1651 19.03) 68.3%, oklch(47.13% 0.1677 19.40) 69.8%, oklch(48.34% 0.1699 20.10) 71.4%, oklch(49.58% 0.1714 21.25) 73.0%, oklch(50.86% 0.1722 22.93) 74.6%, oklch(52.20% 0.1721 25.20) 76.2%, oklch(53.70% 0.1712 27.91) 77.8%, oklch(55.34% 0.1694 31.01) 79.4%, oklch(57.07% 0.1669 34.41) 81.0%, oklch(58.89% 0.1638 38.07) 82.5%, oklch(60.75% 0.1602 41.90) 84.1%, oklch(62.64% 0.1563 45.85) 85.7%, oklch(64.53% 0.1521 49.83) 87.3%, oklch(66.39% 0.1478 53.80) 88.9%, oklch(68.19% 0.1435 57.67) 90.5%, oklch(69.92% 0.1393 61.39) 92.1%, oklch(71.53% 0.1353 64.88) 93.7%, oklch(73.01% 0.1317 68.07) 95.2%, oklch(74.33% 0.1285 70.91) 96.8%, oklch(75.46% 0.1259 73.32) 98.4%, oklch(76.38% 0.1240 75.23) 100.0%);

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

Phong cách opera

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