Cinza, turquesa e vermelho: gradiente radial
Gradiente radial, 32 cores: #d7d8cf, #9eaea3, #5a7f7c, #9e6524, #d93540. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #d7d8cf
- #d3d4cc
- #cdd0c7
- #c6cbc1
- #bfc5bb
- #b7bfb5
- #afb9af
- #a7b4a9
- #9eaea3
- #95a89d
- #8ca297
- #839c91
- #7b968c
- #729187
- #6a8b83
- #628580
- #5a7f7c
- #537b78
- #4c7873
- #48786b
- #4d795b
- #637742
- #827028
- #9e6524
- #b05b3b
- #ba534f
- #bf4e5a
- #c5495c
- #cb4358
- #d13e4f
- #d63946
- #d93540
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.80% 0.0110 112.50) 0.0%, oklch(86.71% 0.0118 115.99) 3.2%, oklch(85.24% 0.0128 120.87) 6.5%, oklch(83.48% 0.0140 126.62) 9.7%, oklch(81.54% 0.0154 132.77) 12.9%, oklch(79.53% 0.0170 138.82) 16.1%, oklch(77.55% 0.0189 144.28) 19.4%, oklch(75.59% 0.0210 149.11) 22.6%, oklch(73.50% 0.0234 153.93) 25.8%, oklch(71.33% 0.0261 158.63) 29.0%, oklch(69.14% 0.0289 163.05) 32.3%, oklch(66.99% 0.0318 167.05) 35.5%, oklch(64.95% 0.0347 170.49) 38.7%, oklch(62.99% 0.0373 173.89) 41.9%, oklch(60.91% 0.0389 179.13) 45.2%, oklch(58.82% 0.0402 184.75) 48.4%, oklch(56.88% 0.0420 188.93) 51.6%, oklch(55.22% 0.0449 189.88) 54.8%, oklch(54.00% 0.0497 185.77) 58.1%, oklch(53.38% 0.0571 174.52) 61.3%, oklch(53.42% 0.0673 153.53) 64.5%, oklch(53.97% 0.0797 125.73) 67.7%, oklch(54.83% 0.0933 95.03) 71.0%, oklch(55.78% 0.1073 65.33) 74.2%, oklch(56.62% 0.1209 40.55) 77.4%, oklch(57.17% 0.1333 24.51) 80.6%, oklch(57.54% 0.1458 16.64) 83.9%, oklch(57.85% 0.1588 14.23) 87.1%, oklch(58.12% 0.1714 15.45) 90.3%, oklch(58.34% 0.1830 18.48) 93.5%, oklch(58.52% 0.1927 21.49) 96.8%, oklch(58.66% 0.1998 22.68) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
