Рожевий і синій, дуотон, пастельні тони: лінійні зразки

Лінійні зразки, 12 кольорів, кут 135°: #ffd1e7, #f3d4eb, #dbd9f6, #cdddf9, #c4e1ff. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

4 ключові кадри OKLCH, які можна редагувати.

• #ffd1e7
• #fdd1e8
• #f8d3ea
• #f3d4eb
• #edd6ee
• #e4d7f3
• #dbd9f6
• #d2dbf7
• #cdddf9
• #c9defc
• #c5e0ff
• #c4e1ff

CSS

background: linear-gradient(135deg, oklch(90.55% 0.0592 348.04) 0.000% 8.333%, oklch(90.48% 0.0577 345.11) 8.333% 16.667%, oklch(90.39% 0.0515 340.94) 16.667% 25.000%, oklch(90.26% 0.0455 334.33) 25.000% 33.333%, oklch(90.10% 0.0418 323.84) 33.333% 41.667%, oklch(89.85% 0.0397 307.24) 41.667% 50.000%, oklch(89.59% 0.0389 288.21) 50.000% 58.333%, oklch(89.40% 0.0395 271.77) 58.333% 66.667%, oklch(89.38% 0.0418 261.65) 66.667% 75.000%, oklch(89.49% 0.0465 255.70) 75.000% 83.333%, oklch(89.65% 0.0516 252.23) 83.333% 91.667%, oklch(89.76% 0.0518 249.76) 91.667% 100.000%);

У цих колекціях

Градієнти для світлого UI

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює