Cinza, caramelo e roxo: gradiente linear
Cinza, caramelo e roxo: paleta com 32 cores. #384e46, #23475a, #40646c, #6d8c7a, #a9a980, #b79d7d, #926f76, #614d6b. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 7 quadros-chave OKLCH editáveis.
- #384e46
- #324d48
- #294c4d
- #234954
- #23475a
- #28475f
- #2c4b63
- #305267
- #375b69
- #40646c
- #4a6d6f
- #547773
- #5f8177
- #6d8c7a
- #7c967c
- #8b9d7d
- #97a27e
- #a1a67f
- #a9a980
- #afaa80
- #b3a880
- #b7a47e
- #b79d7d
- #b4947c
- #ae8b7b
- #a58279
- #9d7978
- #926f76
- #856473
- #775a70
- #6a526e
- #614d6b
CSS
background: linear-gradient(0deg in oklch, oklch(40.16% 0.0303 170.86) 0.0%, oklch(39.73% 0.0344 182.39) 3.2%, oklch(38.98% 0.0405 199.79) 6.5%, oklch(38.27% 0.0472 218.77) 9.7%, oklch(37.96% 0.0530 235.04) 12.9%, oklch(38.41% 0.0563 244.28) 16.1%, oklch(39.86% 0.0559 244.04) 19.4%, oklch(42.10% 0.0526 237.11) 22.6%, oklch(44.87% 0.0479 225.80) 25.8%, oklch(47.92% 0.0432 212.39) 29.0%, oklch(50.99% 0.0403 199.15) 32.3%, oklch(54.04% 0.0402 187.01) 35.5%, oklch(57.50% 0.0421 173.33) 38.7%, oklch(61.10% 0.0451 158.89) 41.9%, oklch(64.50% 0.0485 144.75) 45.2%, oklch(67.37% 0.0514 131.99) 48.4%, oklch(69.47% 0.0532 121.71) 51.6%, oklch(71.12% 0.0546 114.04) 54.8%, oklch(72.34% 0.0558 107.82) 58.1%, oklch(73.03% 0.0566 101.74) 61.3%, oklch(73.14% 0.0568 94.52) 64.5%, oklch(72.55% 0.0562 84.95) 67.7%, oklch(71.12% 0.0543 73.33) 71.0%, oklch(69.01% 0.0515 60.42) 74.2%, oklch(66.46% 0.0486 46.80) 77.4%, oklch(63.70% 0.0463 33.03) 80.6%, oklch(60.96% 0.0455 19.64) 83.9%, oklch(57.77% 0.0462 5.13) 87.1%, oklch(54.16% 0.0480 349.69) 90.3%, oklch(50.57% 0.0503 334.86) 93.5%, oklch(47.46% 0.0524 322.17) 96.8%, oklch(45.28% 0.0537 313.17) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
