Azul-marinho, cinza e marrom (complementares): amostras lineares

Amostras lineares, 13 cores a 90°: #000c22, #182c2d, #494c3b, #7c6d47, #ab8b52. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #000c22
• #001525
• #082128
• #182c2d
• #263731
• #374235
• #494c3b
• #5a5740
• #6b6343
• #7c6d47
• #8e784b
• #9f834f
• #ab8b52

CSS

background: linear-gradient(90deg, oklch(15.77% 0.0507 254.32) 0.000% 7.692%, oklch(18.75% 0.0435 240.95) 7.692% 15.385%, oklch(23.07% 0.0333 222.09) 15.385% 23.077%, oklch(27.56% 0.0262 199.93) 23.077% 30.769%, oklch(31.92% 0.0241 172.18) 30.769% 38.462%, oklch(36.45% 0.0251 141.15) 38.462% 46.154%, oklch(40.94% 0.0289 116.45) 46.154% 53.846%, oklch(45.36% 0.0367 102.79) 53.846% 61.538%, oklch(49.74% 0.0475 95.47) 61.538% 69.231%, oklch(53.94% 0.0579 90.03) 69.231% 76.923%, oklch(58.28% 0.0678 85.26) 76.923% 84.615%, oklch(62.45% 0.0774 82.36) 84.615% 92.308%, oklch(65.35% 0.0841 80.52) 92.308% 100.000%);

Nestas coleções

Amostras em azul-marinho e dourado

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona