Trắng, xanh dương, tím và đỏ nâu (gradient hình nón)
Gradient hình nón, 96 màu, góc 220°: #f5efe4, #b9c9d8, #2d5dc5, #d8324b, #571d31. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #f5efe4
- #f3eee3
- #f2ede2
- #f0ede2
- #eeece1
- #ebece1
- #e9ebe0
- #e7eae0
- #e4e9e0
- #e2e8e0
- #e0e7e0
- #dde6e0
- #dbe4e0
- #d9e3df
- #d7e1df
- #d4dfde
- #d2dddd
- #cfdbdd
- #cdd9dc
- #cad7db
- #c7d4db
- #c4d2da
- #c1cfd9
- #bdccd9
- #b9c9d8
- #b5c5d7
- #b1c2d6
- #abbdd6
- #a5b9d5
- #9fb4d4
- #98afd3
- #91aad2
- #89a5d1
- #81a0cf
- #799bce
- #7096cd
- #6791cc
- #5e8cca
- #5587c9
- #4b83c8
- #427ec6
- #397ac5
- #3075c5
- #2971c4
- #236dc4
- #2069c4
- #2165c4
- #2561c4
- #2d5dc5
- #3559c6
- #3f55c7
- #4952c8
- #534ec9
- #5e4bc9
- #6947c8
- #7444c6
- #7e41c4
- #893ec0
- #943bbb
- #9e39b4
- #a836ad
- #b134a5
- #ba329c
- #c13093
- #c82f89
- #ce2e7f
- #d22e76
- #d52f6c
- #d83063
- #d9315a
- #d93252
- #d8324b
- #d63345
- #d33340
- #cf333c
- #cb323a
- #c63238
- #c13137
- #bb3036
- #b42f36
- #ae2d37
- #a72c37
- #a02b38
- #992938
- #922838
- #8b2738
- #842638
- #7e2438
- #772338
- #712237
- #6b2136
- #662035
- #621f34
- #5d1e33
- #5a1e32
- #571d31
CSS
background: conic-gradient(from 220deg in oklch, oklch(95.28% 0.0152 80.86) 0.0%, oklch(95.01% 0.0153 84.77) 1.1%, oklch(94.74% 0.0153 89.46) 2.1%, oklch(94.46% 0.0151 94.87) 3.2%, oklch(94.17% 0.0148 100.92) 4.2%, oklch(93.86% 0.0144 107.55) 5.3%, oklch(93.53% 0.0140 114.67) 6.3%, oklch(93.19% 0.0135 122.23) 7.4%, oklch(92.82% 0.0131 130.14) 8.4%, oklch(92.44% 0.0126 138.34) 9.5%, oklch(92.03% 0.0122 146.76) 10.5%, oklch(91.59% 0.0119 155.33) 11.6%, oklch(91.13% 0.0117 163.97) 12.6%, oklch(90.64% 0.0116 172.62) 13.7%, oklch(90.12% 0.0117 181.20) 14.7%, oklch(89.57% 0.0119 189.64) 15.8%, oklch(88.98% 0.0124 197.87) 16.8%, oklch(88.35% 0.0131 205.82) 17.9%, oklch(87.69% 0.0141 213.42) 18.9%, oklch(86.99% 0.0153 220.60) 20.0%, oklch(86.25% 0.0169 227.29) 21.1%, oklch(85.47% 0.0189 233.42) 22.1%, oklch(84.64% 0.0212 238.90) 23.2%, oklch(83.76% 0.0239 243.69) 24.2%, oklch(82.83% 0.0270 247.70) 25.3%, oklch(81.79% 0.0307 250.98) 26.3%, oklch(80.63% 0.0351 253.62) 27.4%, oklch(79.36% 0.0400 255.67) 28.4%, oklch(77.98% 0.0453 257.18) 29.5%, oklch(76.52% 0.0511 258.22) 30.5%, oklch(75.00% 0.0573 258.84) 31.6%, oklch(73.41% 0.0638 259.10) 32.6%, oklch(71.78% 0.0706 259.05) 33.7%, oklch(70.11% 0.0776 258.75) 34.7%, oklch(68.43% 0.0848 258.26) 35.8%, oklch(66.75% 0.0921 257.64) 36.8%, oklch(65.07% 0.0994 256.94) 37.9%, oklch(63.42% 0.1067 256.21) 38.9%, oklch(61.80% 0.1140 255.52) 40.0%, oklch(60.23% 0.1211 254.92) 41.1%, oklch(58.73% 0.1281 254.47) 42.1%, oklch(57.30% 0.1348 254.23) 43.2%, oklch(55.96% 0.1413 254.24) 44.2%, oklch(54.72% 0.1474 254.58) 45.3%, oklch(53.60% 0.1532 255.29) 46.3%, oklch(52.61% 0.1585 256.44) 47.4%, oklch(51.76% 0.1633 258.07) 48.4%, oklch(51.07% 0.1676 260.25) 49.5%, oklch(50.55% 0.1713 263.03) 50.5%, oklch(50.22% 0.1748 266.38) 51.6%, oklch(50.06% 0.1781 270.26) 52.6%, oklch(50.07% 0.1813 274.60) 53.7%, oklch(50.21% 0.1843 279.36) 54.7%, oklch(50.48% 0.1872 284.48) 55.8%, oklch(50.86% 0.1898 289.92) 56.8%, oklch(51.34% 0.1923 295.61) 57.9%, oklch(51.89% 0.1945 301.50) 58.9%, oklch(52.50% 0.1966 307.55) 60.0%, oklch(53.16% 0.1984 313.69) 61.1%, oklch(53.85% 0.2000 319.87) 62.1%, oklch(54.55% 0.2014 326.05) 63.2%, oklch(55.24% 0.2026 332.17) 64.2%, oklch(55.91% 0.2035 338.17) 65.3%, oklch(56.55% 0.2042 344.01) 66.3%, oklch(57.13% 0.2047 349.62) 67.4%, oklch(57.65% 0.2048 354.97) 68.4%, oklch(58.08% 0.2048 359.98) 69.5%, oklch(58.40% 0.2044 4.62) 70.5%, oklch(58.61% 0.2038 8.82) 71.6%, oklch(58.68% 0.2029 12.54) 72.6%, oklch(58.60% 0.2017 15.72) 73.7%, oklch(58.36% 0.2002 18.31) 74.7%, oklch(57.94% 0.1983 20.31) 75.8%, oklch(57.36% 0.1958 21.82) 76.8%, oklch(56.65% 0.1926 22.88) 77.9%, oklch(55.81% 0.1890 23.53) 78.9%, oklch(54.86% 0.1848 23.80) 80.0%, oklch(53.80% 0.1802 23.73) 81.1%, oklch(52.66% 0.1752 23.34) 82.1%, oklch(51.45% 0.1699 22.68) 83.2%, oklch(50.17% 0.1643 21.77) 84.2%, oklch(48.85% 0.1586 20.65) 85.3%, oklch(47.49% 0.1526 19.36) 86.3%, oklch(46.11% 0.1466 17.93) 87.4%, oklch(44.73% 0.1406 16.39) 88.4%, oklch(43.34% 0.1346 14.77) 89.5%, oklch(41.98% 0.1287 13.11) 90.5%, oklch(40.65% 0.1229 11.45) 91.6%, oklch(39.36% 0.1173 9.81) 92.6%, oklch(38.13% 0.1119 8.23) 93.7%, oklch(36.96% 0.1068 6.75) 94.7%, oklch(35.89% 0.1022 5.40) 95.8%, oklch(34.91% 0.0979 4.21) 96.8%, oklch(34.04% 0.0941 3.22) 97.9%, oklch(33.29% 0.0909 2.45) 98.9%, oklch(32.68% 0.0882 1.96) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
