Vermelho, laranja, amarelo e azul em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #e93a49, #ff652f, #ffa74b, #e9ca00, #31ce69, #0090a4, #005db9. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

• #e93a49
• #ff652f
• #ffa74b
• #e9ca00
• #31ce69
• #0090a4
• #005db9

CSS

background: linear-gradient(90deg in oklch, oklch(61.81% 0.2094 21.80) 0.0%, oklch(69.64% 0.1990 38.51) 16.7%, oklch(79.92% 0.1479 63.68) 33.3%, oklch(83.86% 0.1733 97.88) 50.0%, oklch(75.11% 0.1902 150.17) 66.7%, oklch(60.02% 0.1044 211.51) 83.3%, oklch(48.82% 0.1629 255.36) 100.0%);

Nestas coleções

Amostras de cores primárias

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona