Verde-claro, cinza, azul-claro e azul: gradiente radial
Verde-claro, cinza, azul-claro e azul: paleta com 32 cores. #b7dbb2, #051b2c, #8ba9a9, #7590b0, #135872. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 6 quadros-chave OKLCH editáveis.
- #b7dbb2
- #98c6a8
- #70a69a
- #4e8086
- #375b6c
- #273b51
- #1b273c
- #111e32
- #051b2c
- #001d26
- #002122
- #002a22
- #103425
- #234434
- #3e6053
- #62837d
- #8ba9a9
- #b2cbd1
- #cee3ed
- #d6eaf7
- #cbe0f1
- #b3cadf
- #94adc8
- #7590b0
- #5b789b
- #4a698e
- #3f6086
- #345c80
- #2b5a7c
- #225978
- #1a5975
- #135872
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.43% 0.0675 141.33) 0.0%, oklch(78.56% 0.0646 156.33) 3.2%, oklch(68.49% 0.0602 179.06) 6.5%, oklch(56.79% 0.0552 205.20) 9.7%, oklch(44.99% 0.0502 230.47) 12.9%, oklch(34.66% 0.0459 250.56) 16.1%, oklch(27.34% 0.0431 261.19) 19.4%, oklch(23.49% 0.0423 258.41) 22.6%, oklch(21.50% 0.0433 243.68) 25.8%, oklch(21.22% 0.0393 222.15) 29.0%, oklch(22.52% 0.0383 198.01) 32.3%, oklch(25.30% 0.0470 176.77) 35.5%, oklch(29.46% 0.0500 163.48) 38.7%, oklch(35.62% 0.0483 161.71) 41.9%, oklch(45.78% 0.0441 168.72) 45.2%, oklch(58.32% 0.0385 181.48) 48.4%, oklch(71.26% 0.0329 197.21) 51.6%, oklch(82.61% 0.0283 213.16) 54.8%, oklch(90.39% 0.0260 226.55) 58.1%, oklch(92.71% 0.0271 235.11) 61.3%, oklch(89.61% 0.0320 241.47) 64.5%, oklch(82.74% 0.0395 246.57) 67.7%, oklch(73.80% 0.0482 250.40) 71.0%, oklch(64.45% 0.0570 252.97) 74.2%, oklch(56.38% 0.0646 254.27) 77.4%, oklch(51.20% 0.0697 254.27) 80.6%, oklch(48.15% 0.0728 251.95) 83.9%, oklch(46.19% 0.0747 247.54) 87.1%, oklch(45.01% 0.0758 242.00) 90.3%, oklch(44.34% 0.0763 236.26) 93.5%, oklch(43.86% 0.0767 231.27) 96.8%, oklch(43.31% 0.0772 227.98) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
