Чорний і синій, монохром: лінійні зразки

Лінійні зразки, 14 кольорів, кут 90°: #080f12, #092d36, #0e546a, #296a7d, #557788. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #080f12
• #0a161b
• #0a2129
• #092d36
• #073843
• #064252
• #094b5f
• #0e546a
• #145c72
• #1c6378
• #296a7d
• #3b6f82
• #4b7486
• #557788

CSS

background: linear-gradient(90deg, oklch(16.14% 0.0124 230.62) 0.000% 7.143%, oklch(19.13% 0.0204 227.00) 7.143% 14.286%, oklch(23.41% 0.0317 221.94) 14.286% 21.429%, oklch(27.78% 0.0431 218.30) 21.429% 28.571%, oklch(31.52% 0.0525 218.52) 28.571% 35.714%, oklch(35.17% 0.0616 221.55) 35.714% 42.857%, oklch(38.59% 0.0691 224.64) 42.857% 50.000%, oklch(41.62% 0.0735 225.20) 50.000% 57.143%, oklch(44.27% 0.0755 223.44) 57.143% 64.286%, oklch(46.69% 0.0751 221.46) 64.286% 71.429%, oklch(49.01% 0.0718 221.37) 71.429% 78.571%, oklch(51.42% 0.0638 223.83) 78.571% 85.714%, oklch(53.60% 0.0539 227.17) 85.714% 92.857%, oklch(55.12% 0.0469 229.57) 92.857% 100.000%);

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

Чорні зразкиПохмурі зразкиТемні зразки

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