Turquesa, rosa, pêssego e azul: amostras lineares

Amostras lineares, 7 cores a 90°: #03ccc7, #84aaff, #ff74c6, #ffbaa5, #ffd6bf, #d88dc1, #1d6bda. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #03ccc7
• #84aaff
• #ff74c6
• #ffbaa5
• #ffd6bf
• #d88dc1
• #1d6bda

CSS

background: linear-gradient(90deg, oklch(76.38% 0.1309 191.95) 0.000% 14.286%, oklch(74.61% 0.1299 265.00) 14.286% 28.571%, oklch(74.80% 0.1908 346.24) 28.571% 42.857%, oklch(84.82% 0.0855 38.22) 42.857% 57.143%, oklch(90.55% 0.0556 51.76) 57.143% 71.429%, oklch(73.62% 0.1121 339.24) 71.429% 85.714%, oklch(54.72% 0.1846 258.53) 85.714% 100.000%);

Nestas coleções

Amostras retrô

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona