Roxo, pêssego, bege e rosa: gradiente radial
Roxo, pêssego, bege e rosa: paleta com 56 cores. #014374, #cf6d00, #ffc59c, #91baa3, #ee8490. Edite e exporte CSS, SVG, PNG ou um shader.
56 cores, 6 quadros-chave OKLCH editáveis.
- #014374
- #1a427b
- #2f4182
- #444088
- #5a3d8a
- #703a86
- #86387d
- #99376e
- #aa385b
- #b63d47
- #be4532
- #c44f1c
- #c85903
- #ca6400
- #cf6d00
- #d4750f
- #d97d22
- #dd8532
- #e28d40
- #e7944c
- #eb9b57
- #eea161
- #f1a768
- #f4ad6f
- #f8b277
- #fbb67e
- #ffbb86
- #ffc092
- #ffc59c
- #ffc9a3
- #ffcca8
- #ffcea9
- #ffd0a6
- #fdd09f
- #f6d19d
- #ead19b
- #ddcf9a
- #cecc9a
- #bdc99a
- #adc49c
- #9ec09f
- #91baa3
- #86b5a7
- #7db1ac
- #78adb2
- #75aab9
- #77a7c2
- #7fa3cb
- #8d9fd2
- #9e99d5
- #b193d3
- #c48eca
- #d489bd
- #e086ae
- #e9859e
- #ee8490
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(37.40% 0.1020 248.91) 0.0%, oklch(38.47% 0.1055 257.52) 1.8%, oklch(39.81% 0.1105 269.11) 3.6%, oklch(41.40% 0.1166 283.03) 5.5%, oklch(43.17% 0.1234 298.64) 7.3%, oklch(45.10% 0.1306 315.29) 9.1%, oklch(47.14% 0.1378 332.34) 10.9%, oklch(49.25% 0.1447 349.14) 12.7%, oklch(51.38% 0.1508 5.06) 14.5%, oklch(53.49% 0.1559 19.46) 16.4%, oklch(55.54% 0.1594 31.67) 18.2%, oklch(57.48% 0.1612 41.08) 20.0%, oklch(59.41% 0.1611 47.85) 21.8%, oklch(61.43% 0.1564 52.76) 23.6%, oklch(63.50% 0.1552 56.13) 25.5%, oklch(65.60% 0.1530 58.24) 27.3%, oklch(67.71% 0.1484 59.32) 29.1%, oklch(69.78% 0.1433 59.67) 30.9%, oklch(71.80% 0.1379 59.56) 32.7%, oklch(73.73% 0.1325 59.28) 34.5%, oklch(75.55% 0.1273 59.09) 36.4%, oklch(77.23% 0.1226 59.27) 38.2%, oklch(78.74% 0.1185 60.10) 40.0%, oklch(80.17% 0.1149 60.79) 41.8%, oklch(81.59% 0.1112 60.58) 43.6%, oklch(82.98% 0.1076 59.77) 45.5%, oklch(84.30% 0.1040 58.66) 47.3%, oklch(85.52% 0.0944 57.58) 49.1%, oklch(86.59% 0.0859 56.81) 50.9%, oklch(87.48% 0.0794 56.67) 52.7%, oklch(88.17% 0.0754 57.47) 54.5%, oklch(88.60% 0.0742 59.51) 56.4%, oklch(88.75% 0.0767 63.11) 58.2%, oklch(88.58% 0.0813 68.55) 60.0%, oklch(87.96% 0.0782 75.89) 61.8%, oklch(86.83% 0.0747 84.80) 63.6%, oklch(85.30% 0.0710 95.09) 65.5%, oklch(83.47% 0.0673 106.54) 67.3%, oklch(81.46% 0.0637 118.97) 69.1%, oklch(79.36% 0.0605 132.17) 70.9%, oklch(77.28% 0.0578 145.94) 72.7%, oklch(75.33% 0.0559 160.09) 74.5%, oklch(73.60% 0.0549 174.41) 76.4%, oklch(72.21% 0.0550 188.70) 78.2%, oklch(71.26% 0.0565 202.76) 80.0%, oklch(70.72% 0.0597 217.58) 81.8%, oklch(70.47% 0.0648 233.95) 83.6%, oklch(70.46% 0.0713 251.41) 85.5%, oklch(70.64% 0.0789 269.49) 87.3%, oklch(70.96% 0.0872 287.72) 89.1%, oklch(71.38% 0.0958 305.63) 90.9%, oklch(71.85% 0.1042 322.75) 92.7%, oklch(72.31% 0.1122 338.61) 94.5%, oklch(72.73% 0.1194 352.75) 96.4%, oklch(73.05% 0.1253 4.68) 98.2%, oklch(73.23% 0.1295 13.96) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
