Cinza para preto: gradiente radial
Cinza para preto: paleta com 32 cores. #b3b9c0, #9ca4ab, #778089, #606972, #485159, #373f47, #242b31, #1a2026. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #b3b9c0
- #afb5bc
- #a9b0b8
- #a3aab2
- #9ca4ab
- #949da5
- #8d959e
- #858e96
- #7e878f
- #778089
- #707a83
- #6a747d
- #656f78
- #606972
- #5b646d
- #565f68
- #515a63
- #4c555e
- #485159
- #434c55
- #3f4850
- #3b444c
- #373f47
- #333b42
- #2f373e
- #2b3339
- #272f35
- #242b31
- #21272e
- #1e252a
- #1c2228
- #1a2026
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.0124 249.61) 0.0%, oklch(77.09% 0.0127 249.42) 3.2%, oklch(75.46% 0.0132 249.16) 6.5%, oklch(73.54% 0.0138 248.86) 9.7%, oklch(71.38% 0.0144 248.52) 12.9%, oklch(69.05% 0.0150 248.15) 16.1%, oklch(66.63% 0.0157 247.78) 19.4%, oklch(64.18% 0.0163 247.42) 22.6%, oklch(61.77% 0.0169 247.07) 25.8%, oklch(59.47% 0.0174 246.77) 29.0%, oklch(57.35% 0.0178 246.51) 32.3%, oklch(55.42% 0.0181 246.31) 35.5%, oklch(53.53% 0.0183 246.14) 38.7%, oklch(51.68% 0.0184 245.99) 41.9%, oklch(49.86% 0.0185 245.87) 45.2%, oklch(48.08% 0.0185 245.76) 48.4%, oklch(46.32% 0.0185 245.67) 51.6%, oklch(44.60% 0.0184 245.59) 54.8%, oklch(42.92% 0.0183 245.53) 58.1%, oklch(41.26% 0.0182 245.47) 61.3%, oklch(39.64% 0.0180 245.42) 64.5%, oklch(38.05% 0.0178 245.37) 67.7%, oklch(36.42% 0.0176 245.33) 71.0%, oklch(34.77% 0.0172 245.31) 74.2%, oklch(33.11% 0.0167 245.30) 77.4%, oklch(31.48% 0.0163 245.31) 80.6%, oklch(29.91% 0.0158 245.32) 83.9%, oklch(28.43% 0.0153 245.33) 87.1%, oklch(27.07% 0.0148 245.35) 90.3%, oklch(25.86% 0.0144 245.37) 93.5%, oklch(24.84% 0.0140 245.38) 96.8%, oklch(24.02% 0.0138 245.38) 100.0%);Nestas coleções
Amostras neutrasGradientes metálicosAmostras cinza
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
