Salmão, roxo, turquesa e cinza: gradiente radial
Salmão, roxo, turquesa e cinza: paleta com 40 cores. #d05754, #443346, #4f5d69, #80a18a, #bb9c8b. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 4 quadros-chave OKLCH editáveis.
- #d05754
- #c85459
- #bc515c
- #af4d5f
- #9f4960
- #8e455f
- #7d415c
- #6d3d58
- #5d3952
- #4f364c
- #443346
- #3b3140
- #352f3b
- #333039
- #333239
- #35353d
- #393b42
- #3e424a
- #444a54
- #4a535e
- #4f5d69
- #546874
- #58737e
- #5d7e87
- #61888d
- #669091
- #6b9792
- #719b90
- #789f8e
- #80a18a
- #89a286
- #92a383
- #9aa280
- #a2a17f
- #a9a07f
- #af9f80
- #b39e82
- #b69d85
- #b99c88
- #bb9c8b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.02% 0.1543 23.91) 0.0%, oklch(59.55% 0.1478 20.30) 2.6%, oklch(57.48% 0.1390 15.96) 5.1%, oklch(54.95% 0.1285 10.95) 7.7%, oklch(52.08% 0.1165 5.34) 10.3%, oklch(48.99% 0.1037 359.22) 12.8%, oklch(45.80% 0.0902 352.66) 15.4%, oklch(42.66% 0.0767 345.72) 17.9%, oklch(39.67% 0.0635 338.49) 20.5%, oklch(36.96% 0.0510 331.03) 23.1%, oklch(34.67% 0.0396 323.42) 25.6%, oklch(32.91% 0.0298 315.73) 28.2%, oklch(31.81% 0.0220 308.04) 30.8%, oklch(31.50% 0.0165 300.42) 33.3%, oklch(32.04% 0.0135 292.76) 35.9%, oklch(33.35% 0.0124 284.89) 38.5%, oklch(35.31% 0.0130 276.83) 41.0%, oklch(37.79% 0.0150 268.58) 43.6%, oklch(40.68% 0.0180 260.15) 46.2%, oklch(43.86% 0.0219 251.55) 48.7%, oklch(47.21% 0.0263 242.79) 51.3%, oklch(50.61% 0.0309 233.88) 53.8%, oklch(53.94% 0.0356 224.83) 56.4%, oklch(57.08% 0.0399 215.64) 59.0%, oklch(59.91% 0.0436 206.32) 61.5%, oklch(62.32% 0.0465 196.89) 64.1%, oklch(64.17% 0.0482 187.35) 66.7%, oklch(65.59% 0.0491 177.25) 69.2%, oklch(66.79% 0.0495 166.29) 71.8%, oklch(67.77% 0.0496 154.69) 74.4%, oklch(68.58% 0.0495 142.65) 76.9%, oklch(69.23% 0.0491 130.41) 79.5%, oklch(69.74% 0.0485 118.17) 82.1%, oklch(70.15% 0.0478 106.16) 84.6%, oklch(70.47% 0.0470 94.59) 87.2%, oklch(70.73% 0.0462 83.68) 89.7%, oklch(70.95% 0.0455 73.66) 92.3%, oklch(71.17% 0.0449 64.73) 94.9%, oklch(71.39% 0.0444 57.11) 97.4%, oklch(71.65% 0.0441 51.03) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
