Azul-marinho, turquesa e laranja: gradiente radial
Azul-marinho, turquesa e laranja: paleta com 40 cores. #061c24, #1c7788, #9f8600, #b05300, #02504b. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 4 quadros-chave OKLCH editáveis.
- #061c24
- #082029
- #0a2730
- #0d2e39
- #103743
- #14404f
- #174b5b
- #1a5667
- #1d6173
- #1e6c7e
- #1c7788
- #18818f
- #108993
- #049193
- #00968e
- #139b83
- #319d71
- #509c5a
- #6e983c
- #8a900e
- #9f8600
- #ae7c00
- #bc7100
- #c86300
- #cb5a23
- #cb5431
- #c85135
- #c4502f
- #bc501f
- #b05300
- #9d5a00
- #8a5e00
- #776000
- #636100
- #4b6116
- #345f2c
- #1f5c3a
- #0d5843
- #035448
- #02504b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0317 225.70) 0.0%, oklch(23.05% 0.0348 224.81) 2.6%, oklch(25.42% 0.0386 224.23) 5.1%, oklch(28.26% 0.0431 223.82) 7.7%, oklch(31.47% 0.0482 223.43) 10.3%, oklch(34.94% 0.0537 222.92) 12.8%, oklch(38.57% 0.0595 222.14) 15.4%, oklch(42.24% 0.0656 220.96) 17.9%, oklch(45.86% 0.0718 219.22) 20.5%, oklch(49.32% 0.0779 216.78) 23.1%, oklch(52.51% 0.0840 213.50) 25.6%, oklch(55.34% 0.0899 209.24) 28.2%, oklch(57.68% 0.0955 203.84) 30.8%, oklch(59.45% 0.1006 197.17) 33.3%, oklch(60.72% 0.1055 188.19) 35.9%, oklch(61.66% 0.1116 176.37) 38.5%, oklch(62.32% 0.1177 162.33) 41.0%, oklch(62.70% 0.1241 146.67) 43.6%, oklch(62.84% 0.1304 130.02) 46.2%, oklch(62.78% 0.1366 112.98) 48.7%, oklch(62.53% 0.1287 96.16) 51.3%, oklch(62.12% 0.1286 80.18) 53.8%, oklch(61.58% 0.1374 65.66) 56.4%, oklch(60.93% 0.1542 53.21) 59.0%, oklch(60.21% 0.1579 43.47) 61.5%, oklch(59.45% 0.1589 37.00) 64.1%, oklch(58.66% 0.1585 34.43) 66.7%, oklch(57.71% 0.1561 36.23) 69.2%, oklch(56.48% 0.1518 42.02) 71.8%, oklch(55.01% 0.1431 51.13) 74.4%, oklch(53.35% 0.1217 62.98) 76.9%, oklch(51.57% 0.1079 76.92) 79.5%, oklch(49.71% 0.1017 92.30) 82.1%, oklch(47.83% 0.1034 108.49) 84.6%, oklch(45.97% 0.1026 124.82) 87.2%, oklch(44.20% 0.0937 140.68) 89.7%, oklch(42.56% 0.0853 155.43) 92.3%, oklch(41.11% 0.0780 168.42) 94.9%, oklch(39.90% 0.0719 179.02) 97.4%, oklch(38.98% 0.0675 186.60) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
