Rosa, marrom, azul-marinho e vermelho: gradiente radial
Rosa, marrom, azul-marinho e vermelho: paleta com 56 cores. #b05787, #ed7e54, #5b3f65, #21424b, #fc4059. Edite e exporte CSS, SVG, PNG ou um shader.
56 cores, 6 quadros-chave OKLCH editáveis.
- #b05787
- #b55886
- #bc5a85
- #c55c83
- #ce5f7f
- #d8627b
- #e16576
- #e96970
- #f06e69
- #f57263
- #f8755d
- #f8785a
- #f67a57
- #f27c55
- #ed7e54
- #e67f55
- #df8056
- #d78058
- #ce7f5b
- #c67c5e
- #be7960
- #b57562
- #ad7064
- #a56965
- #9a6166
- #8c5867
- #7d4f68
- #6c4667
- #5b3f65
- #493961
- #38345c
- #282f56
- #1b2d50
- #102b4b
- #072b47
- #022d45
- #022f43
- #053242
- #0c3542
- #143944
- #1b3d47
- #21424b
- #264751
- #294c58
- #2a5161
- #2c566c
- #315a7c
- #3e5d8f
- #535ea0
- #6f5cae
- #8d57b2
- #ac51ad
- #c84b9d
- #df4488
- #f04070
- #fc4059
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.87% 0.1295 348.05) 0.0%, oklch(58.70% 0.1318 350.71) 1.8%, oklch(59.88% 0.1353 354.34) 3.6%, oklch(61.31% 0.1396 358.72) 5.5%, oklch(62.91% 0.1444 3.62) 7.3%, oklch(64.60% 0.1495 8.84) 9.1%, oklch(66.29% 0.1543 14.15) 10.9%, oklch(67.89% 0.1586 19.34) 12.7%, oklch(69.31% 0.1621 24.19) 14.5%, oklch(70.47% 0.1644 28.48) 16.4%, oklch(71.28% 0.1651 32.01) 18.2%, oklch(71.65% 0.1640 34.54) 20.0%, oklch(71.66% 0.1606 36.63) 21.8%, oklch(71.44% 0.1551 38.81) 23.6%, oklch(71.00% 0.1480 40.89) 25.5%, oklch(70.35% 0.1396 42.69) 27.3%, oklch(69.50% 0.1304 44.02) 29.1%, oklch(68.45% 0.1208 44.69) 30.9%, oklch(67.22% 0.1112 44.50) 32.7%, oklch(65.81% 0.1020 43.26) 34.5%, oklch(64.24% 0.0937 40.79) 36.4%, oklch(62.51% 0.0867 36.89) 38.2%, oklch(60.63% 0.0813 31.37) 40.0%, oklch(58.35% 0.0775 23.51) 41.8%, oklch(55.50% 0.0746 13.08) 43.6%, oklch(52.23% 0.0726 0.61) 45.5%, oklch(48.70% 0.0713 346.68) 47.3%, oklch(45.04% 0.0705 331.81) 49.1%, oklch(41.40% 0.0701 316.57) 50.9%, oklch(37.94% 0.0698 301.51) 52.7%, oklch(34.79% 0.0696 287.17) 54.5%, oklch(32.11% 0.0693 274.10) 56.4%, oklch(30.05% 0.0686 262.86) 58.2%, oklch(28.74% 0.0675 254.00) 60.0%, oklch(28.17% 0.0654 246.69) 61.8%, oklch(28.16% 0.0621 239.88) 63.6%, oklch(28.65% 0.0581 233.72) 65.5%, oklch(29.55% 0.0538 228.35) 67.3%, oklch(30.79% 0.0496 223.95) 69.1%, oklch(32.31% 0.0460 220.67) 70.9%, oklch(34.02% 0.0433 218.66) 72.7%, oklch(35.85% 0.0421 218.08) 74.5%, oklch(37.73% 0.0426 219.10) 76.4%, oklch(39.58% 0.0455 221.86) 78.2%, oklch(41.34% 0.0510 226.52) 80.0%, oklch(43.21% 0.0601 234.18) 81.8%, oklch(45.39% 0.0730 245.31) 83.6%, oklch(47.80% 0.0887 259.18) 85.5%, oklch(50.37% 0.1065 275.03) 87.3%, oklch(53.01% 0.1256 292.12) 89.1%, oklch(55.64% 0.1452 309.69) 90.9%, oklch(58.17% 0.1644 327.00) 92.7%, oklch(60.53% 0.1825 343.31) 94.5%, oklch(62.64% 0.1986 357.86) 96.4%, oklch(64.40% 0.2120 9.90) 98.2%, oklch(65.75% 0.2219 18.69) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
