Райдужний (чорний → жовтий), приглушені тони: кутові зразки
Кутові зразки, 48 кольорів, кут 225°: #171223, #deafc8, #5ba6c1, #173663, #f4dd64. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.
6 ключових кадрів OKLCH, які можна редагувати.
- #171223
- #231c2f
- #352a41
- #4e3d58
- #6b5371
- #8a6a8a
- #aa81a2
- #c897b7
- #e0a8c7
- #efb5d2
- #f3b9d6
- #edb7d2
- #deafc8
- #caa3ba
- #b395a9
- #9c8797
- #877986
- #766d78
- #6c666f
- #68636e
- #696677
- #6c7087
- #6c7e9c
- #6691b1
- #5ba6c1
- #4dbac9
- #42cbc9
- #3dd5c4
- #36d7be
- #20d0b9
- #00beb2
- #00a5a7
- #008898
- #006a86
- #004f77
- #173663
- #1f2450
- #231943
- #2c163e
- #3d1a40
- #562545
- #753549
- #984c4b
- #b9684b
- #d4884a
- #e7aa4d
- #f2c757
- #f4dd64
CSS
background: conic-gradient(from 225deg, oklch(19.69% 0.0344 296.72) 0.000% 2.083%, oklch(24.31% 0.0377 300.43) 2.083% 4.167%, oklch(30.91% 0.0425 305.81) 4.167% 6.250%, oklch(38.91% 0.0485 312.34) 6.250% 8.333%, oklch(47.73% 0.0549 319.52) 8.333% 10.417%, oklch(56.76% 0.0614 326.83) 10.417% 12.500%, oklch(65.43% 0.0674 333.75) 12.500% 14.583%, oklch(73.14% 0.0724 339.77) 14.583% 16.667%, oklch(79.31% 0.0759 344.37) 16.667% 18.750%, oklch(83.36% 0.0773 347.03) 18.750% 20.833%, oklch(84.74% 0.0759 347.55) 20.833% 22.917%, oklch(83.56% 0.0710 346.84) 22.917% 25.000%, oklch(80.38% 0.0633 345.07) 25.000% 27.083%, oklch(75.79% 0.0540 342.23) 27.083% 29.167%, oklch(70.35% 0.0440 338.37) 29.167% 31.250%, oklch(64.65% 0.0343 333.51) 31.250% 33.333%, oklch(59.27% 0.0259 327.65) 33.333% 35.417%, oklch(54.78% 0.0198 320.84) 35.417% 37.500%, oklch(51.76% 0.0171 313.09) 37.500% 39.583%, oklch(50.78% 0.0186 304.35) 39.583% 41.667%, oklch(51.99% 0.0254 292.43) 41.667% 43.750%, oklch(54.91% 0.0366 277.22) 43.750% 45.833%, oklch(59.02% 0.0510 259.91) 45.833% 47.917%, oklch(63.79% 0.0673 241.71) 47.917% 50.000%, oklch(68.71% 0.0842 223.83) 50.000% 52.083%, oklch(73.24% 0.1004 207.47) 52.083% 54.167%, oklch(76.88% 0.1148 193.84) 54.167% 56.250%, oklch(79.09% 0.1261 184.15) 56.250% 58.333%, oklch(79.36% 0.1329 179.61) 58.333% 60.417%, oklch(77.06% 0.1345 180.80) 60.417% 62.500%, oklch(72.14% 0.1262 186.61) 62.500% 64.583%, oklch(65.32% 0.1113 196.27) 64.583% 66.667%, oklch(57.32% 0.0988 208.99) 66.667% 68.750%, oklch(48.86% 0.0918 224.02) 68.750% 70.833%, oklch(40.69% 0.0942 240.59) 70.833% 72.917%, oklch(33.51% 0.0876 257.86) 72.917% 75.000%, oklch(28.08% 0.0805 275.17) 75.000% 77.083%, oklch(25.10% 0.0763 291.71) 77.083% 79.167%, oklch(25.29% 0.0762 307.08) 79.167% 81.250%, oklch(28.62% 0.0796 323.94) 81.250% 83.333%, oklch(34.44% 0.0855 342.43) 83.333% 85.417%, oklch(42.09% 0.0933 1.82) 85.417% 87.500%, oklch(50.92% 0.1024 21.44) 87.500% 89.583%, oklch(60.24% 0.1120 40.59) 89.583% 91.667%, oklch(69.42% 0.1214 58.55) 91.667% 93.750%, oklch(77.77% 0.1300 74.64) 93.750% 95.833%, oklch(84.64% 0.1371 88.16) 95.833% 97.917%, oklch(89.37% 0.1419 98.40) 97.917% 100.000%);У цих колекціях
Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює
