Сірий, синій і світло-рожевий: радіальні зразки
Радіальні зразки, 52 кольори: #696c72, #0e8dff, #a1b6db, #d4d5d7, #ffe5f8. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.
5 ключових кадрів OKLCH, які можна редагувати.
- #696c72
- #656e7e
- #5f708d
- #5672a0
- #4a74b5
- #3975cb
- #2075e2
- #0077ef
- #007bf1
- #007ff3
- #0083f5
- #0087f9
- #008afd
- #0e8dff
- #2190ff
- #2f94ff
- #3c97ff
- #479aff
- #519dff
- #5ba0ff
- #63a3ff
- #6ca6ff
- #73a9ff
- #81adf5
- #8eb0ea
- #99b3e1
- #a1b6db
- #a9b8d6
- #b0bbd2
- #b7bdce
- #bdc0cb
- #c1c3c9
- #c5c5c8
- #c8c8c8
- #cbcbcb
- #cdcdcd
- #d0d0d0
- #d2d2d2
- #d4d5d7
- #d3d8dd
- #cedce5
- #c4e2e9
- #bae9e5
- #b8efd4
- #c9f1b7
- #ebeb96
- #ffe3b2
- #ffe2d0
- #ffe3de
- #ffe4e8
- #ffe5f0
- #ffe5f8
CSS
background: radial-gradient(circle at 50% 50%, oklch(53.15% 0.0096 261.56) 0.000% 1.923%, oklch(53.64% 0.0268 261.13) 1.923% 3.846%, oklch(54.25% 0.0505 260.53) 3.846% 5.769%, oklch(54.95% 0.0796 259.80) 5.769% 7.692%, oklch(55.74% 0.1124 258.96) 7.692% 9.615%, oklch(56.60% 0.1477 258.07) 9.615% 11.538%, oklch(57.52% 0.1840 257.15) 11.538% 13.462%, oklch(58.48% 0.2016 256.26) 13.462% 15.385%, oklch(59.47% 0.1986 255.40) 15.385% 17.308%, oklch(60.48% 0.1966 254.63) 17.308% 19.231%, oklch(61.49% 0.1956 253.98) 19.231% 21.154%, oklch(62.49% 0.1957 253.49) 21.154% 23.077%, oklch(63.47% 0.1969 253.19) 23.077% 25.000%, oklch(64.41% 0.1951 253.11) 25.000% 26.923%, oklch(65.35% 0.1891 253.30) 26.923% 28.846%, oklch(66.33% 0.1828 253.69) 28.846% 30.769%, oklch(67.32% 0.1763 254.27) 30.769% 32.692%, oklch(68.33% 0.1698 254.99) 32.692% 34.615%, oklch(69.35% 0.1632 255.80) 34.615% 36.538%, oklch(70.37% 0.1567 256.69) 36.538% 38.462%, oklch(71.39% 0.1502 257.61) 38.462% 40.385%, oklch(72.41% 0.1440 258.52) 40.385% 42.308%, oklch(73.41% 0.1379 259.39) 42.308% 44.231%, oklch(74.40% 0.1161 260.18) 44.231% 46.154%, oklch(75.37% 0.0919 260.85) 46.154% 48.077%, oklch(76.31% 0.0723 261.37) 48.077% 50.000%, oklch(77.23% 0.0581 261.93) 50.000% 51.923%, oklch(78.13% 0.0458 263.69) 51.923% 53.846%, oklch(79.03% 0.0347 266.51) 53.846% 55.769%, oklch(79.92% 0.0249 269.97) 55.769% 57.692%, oklch(80.80% 0.0164 273.69) 57.692% 59.615%, oklch(81.66% 0.0093 277.25) 59.615% 61.538%, oklch(82.51% 0.0037 280.26) 61.538% 63.462%, oklch(83.35% 0.0000 89.88) 63.462% 65.385%, oklch(84.16% 0.0000 89.88) 65.385% 67.308%, oklch(84.96% 0.0000 89.88) 67.308% 69.231%, oklch(85.74% 0.0000 89.88) 69.231% 71.154%, oklch(86.49% 0.0000 89.88) 71.154% 73.077%, oklch(87.22% 0.0029 264.25) 73.077% 75.000%, oklch(87.94% 0.0093 251.75) 75.000% 76.923%, oklch(88.65% 0.0196 234.66) 76.923% 78.846%, oklch(89.36% 0.0331 213.75) 78.846% 80.769%, oklch(90.06% 0.0492 189.84) 80.769% 82.692%, oklch(90.75% 0.0672 163.77) 82.692% 84.615%, oklch(91.41% 0.0865 136.35) 84.615% 86.538%, oklch(92.04% 0.1063 108.42) 86.538% 88.462%, oklch(92.64% 0.0697 80.81) 88.462% 90.385%, oklch(93.19% 0.0403 54.32) 90.385% 92.308%, oklch(93.70% 0.0319 29.79) 92.308% 94.231%, oklch(94.16% 0.0302 8.04) 94.231% 96.154%, oklch(94.55% 0.0322 349.91) 96.154% 98.077%, oklch(94.88% 0.0367 336.23) 98.077% 100.000%);Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює
