Preto, turquesa, verde e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #10131c, #103140, #006253, #2a8347, #00846e, #006f8f, #193be3. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

• #10131c
• #103140
• #006253
• #2a8347
• #00846e
• #006f8f
• #193be3

CSS

background: linear-gradient(90deg in oklch, oklch(18.90% 0.0193 270.00) 0.0%, oklch(29.67% 0.0461 230.35) 16.7%, oklch(44.39% 0.0821 177.42) 33.3%, oklch(54.33% 0.1254 150.59) 50.0%, oklch(54.74% 0.1025 175.86) 66.7%, oklch(50.38% 0.0975 227.24) 83.3%, oklch(46.85% 0.2508 265.77) 100.0%);

Nestas coleções

Amostras de Street Fighter

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona