Preto para cinza: gradiente linear
Preto para cinza: paleta com 32 cores. #110e16, #1f1a27, #3b384a, #5d5f6c, #909199, #bab9bd, #e4dfe9, #fff1fe. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 5 quadros-chave OKLCH editáveis.
- #110e16
- #141119
- #17131d
- #1b1622
- #1f1a27
- #241f2d
- #292434
- #2e2a3b
- #343042
- #3b384a
- #424052
- #4b4a5b
- #535463
- #5d5f6c
- #676976
- #71737e
- #7b7d87
- #858790
- #909199
- #9b9ca2
- #a6a6ab
- #b0b0b4
- #bab9bd
- #c3c2c6
- #cbcacf
- #d4d2d8
- #dcd9e0
- #e4dfe9
- #ede4f0
- #f4e9f6
- #fbedfb
- #fff1fe
CSS
background: linear-gradient(90deg in oklch, oklch(17.32% 0.0165 302.34) 0.0%, oklch(18.37% 0.0180 301.94) 3.2%, oklch(19.68% 0.0201 301.50) 6.5%, oklch(21.24% 0.0227 300.98) 9.7%, oklch(23.02% 0.0254 300.34) 12.9%, oklch(25.02% 0.0279 299.53) 16.1%, oklch(27.22% 0.0300 298.49) 19.4%, oklch(29.60% 0.0314 297.19) 22.6%, oklch(32.16% 0.0317 295.54) 25.8%, oklch(35.03% 0.0309 293.14) 29.0%, oklch(38.21% 0.0294 290.07) 32.3%, oklch(41.62% 0.0273 286.67) 35.5%, oklch(45.17% 0.0248 283.25) 38.7%, oklch(48.77% 0.0222 280.15) 41.9%, oklch(52.35% 0.0197 277.69) 45.2%, oklch(55.81% 0.0175 276.20) 48.4%, oklch(59.13% 0.0156 275.93) 51.6%, oklch(62.50% 0.0137 276.58) 54.8%, oklch(65.92% 0.0116 277.97) 58.1%, oklch(69.31% 0.0096 279.99) 61.3%, oklch(72.64% 0.0078 282.51) 64.5%, oklch(75.84% 0.0064 285.43) 67.7%, oklch(78.85% 0.0055 288.62) 71.0%, oklch(81.63% 0.0054 291.98) 74.2%, oklch(84.18% 0.0063 295.71) 77.4%, oklch(86.62% 0.0082 300.37) 80.6%, oklch(88.93% 0.0109 305.64) 83.9%, oklch(91.06% 0.0141 311.16) 87.1%, oklch(92.99% 0.0173 316.59) 90.3%, oklch(94.69% 0.0204 321.57) 93.5%, oklch(96.12% 0.0230 325.75) 96.8%, oklch(97.24% 0.0226 328.74) 100.0%);Nestas coleções
Amostras cinzaGradientes para imagens médicas
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
