Cinza, azul-marinho e preto: amostras radiais

Amostras radiais, 32 cores: #92989f, #5b6570, #313d48, #17222c, #05080d. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #92989f
• #8e949b
• #888e96
• #808890
• #798189
• #717983
• #69727c
• #616b75
• #5b6570
• #55606a
• #4f5a65
• #495560
• #44505b
• #3f4b56
• #3a4651
• #35424c
• #313d48
• #2c3944
• #283540
• #24313c
• #212d38
• #1d2a34
• #1a2630
• #17222c
• #141f28
• #111b24
• #0e171f
• #0b131a
• #091016
• #070d12
• #060a0f
• #05080d

CSS

background: radial-gradient(circle at 50% 50%, oklch(67.72% 0.0124 251.72) 0.000% 3.125%, oklch(66.34% 0.0131 251.37) 3.125% 6.250%, oklch(64.49% 0.0141 250.90) 6.250% 9.375%, oklch(62.29% 0.0152 250.34) 9.375% 12.500%, oklch(59.85% 0.0164 249.72) 12.500% 15.625%, oklch(57.31% 0.0177 249.09) 15.625% 18.750%, oklch(54.78% 0.0189 248.46) 18.750% 21.875%, oklch(52.40% 0.0200 247.88) 21.875% 25.000%, oklch(50.28% 0.0209 247.37) 25.000% 28.125%, oklch(48.27% 0.0216 246.87) 28.125% 31.250%, oklch(46.30% 0.0223 246.37) 31.250% 34.375%, oklch(44.37% 0.0229 245.87) 34.375% 37.500%, oklch(42.48% 0.0234 245.41) 37.500% 40.625%, oklch(40.63% 0.0239 244.99) 40.625% 43.750%, oklch(38.83% 0.0243 244.65) 43.750% 46.875%, oklch(37.08% 0.0247 244.40) 46.875% 50.000%, oklch(35.38% 0.0249 244.27) 50.000% 53.125%, oklch(33.75% 0.0253 244.26) 53.125% 56.250%, oklch(32.18% 0.0255 244.35) 56.250% 59.375%, oklch(30.66% 0.0258 244.51) 59.375% 62.500%, oklch(29.17% 0.0259 244.72) 62.500% 65.625%, oklch(27.70% 0.0258 244.95) 65.625% 68.750%, oklch(26.24% 0.0256 245.16) 68.750% 71.875%, oklch(24.78% 0.0250 245.34) 71.875% 75.000%, oklch(23.26% 0.0240 245.48) 75.000% 78.125%, oklch(21.65% 0.0226 245.64) 78.125% 81.250%, oklch(19.99% 0.0208 245.80) 81.250% 84.375%, oklch(18.36% 0.0189 245.95) 84.375% 87.500%, oklch(16.82% 0.0169 246.10) 87.500% 90.625%, oklch(15.43% 0.0150 246.24) 90.625% 93.750%, oklch(14.26% 0.0135 246.35) 93.750% 96.875%, oklch(13.39% 0.0124 246.43) 96.875% 100.000%);

Nestas coleções

Gradientes pretos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona