Magenta, laranja e roxo-escuro em tons quentes: gradiente linear
Gradiente linear, 48 cores a 135°: #b0038c, #ff8518, #fbca45, #c62800, #1e031c. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #b0038c
- #b60688
- #be0982
- #c70e7a
- #d11571
- #db1d67
- #e4285a
- #ec344d
- #f3413f
- #f94f2f
- #fd5e1d
- #ff710f
- #ff8518
- #ff9928
- #ffab38
- #ffbb48
- #ffc956
- #fed565
- #fcdd71
- #fbe177
- #fae277
- #fadf71
- #fada66
- #fad358
- #fbca45
- #fbbf2d
- #fbb301
- #f7a800
- #f39d00
- #ee9200
- #e88600
- #e17800
- #da6800
- #d35700
- #cc4300
- #c62800
- #ba1117
- #ab0025
- #9a002e
- #890033
- #780035
- #670035
- #570033
- #480030
- #3b012b
- #2e0226
- #250320
- #1e031c
CSS
background: linear-gradient(135deg in oklch, oklch(51.18% 0.2205 340.31) 0.0%, oklch(52.15% 0.2201 343.80) 2.1%, oklch(53.35% 0.2201 348.29) 4.3%, oklch(54.76% 0.2202 353.60) 6.4%, oklch(56.35% 0.2201 359.56) 8.5%, oklch(58.09% 0.2198 5.99) 10.6%, oklch(59.97% 0.2190 12.70) 12.8%, oklch(61.94% 0.2174 19.53) 14.9%, oklch(63.99% 0.2149 26.28) 17.0%, oklch(66.08% 0.2113 32.77) 19.1%, oklch(68.31% 0.2060 39.12) 21.3%, oklch(71.00% 0.1951 46.24) 23.4%, oklch(74.05% 0.1799 53.91) 25.5%, oklch(77.29% 0.1668 61.82) 27.7%, oklch(80.54% 0.1563 69.64) 29.8%, oklch(83.63% 0.1485 77.04) 31.9%, oklch(86.39% 0.1436 83.68) 34.0%, oklch(88.66% 0.1377 89.24) 36.2%, oklch(90.26% 0.1319 93.40) 38.3%, oklch(91.03% 0.1293 95.84) 40.4%, oklch(91.04% 0.1300 96.61) 42.6%, oklch(90.46% 0.1333 95.99) 44.7%, oklch(89.35% 0.1388 94.21) 46.8%, oklch(87.82% 0.1456 91.48) 48.9%, oklch(85.92% 0.1533 88.00) 51.1%, oklch(83.76% 0.1612 84.00) 53.2%, oklch(81.41% 0.1687 79.68) 55.3%, oklch(78.96% 0.1664 75.26) 57.4%, oklch(76.48% 0.1647 70.95) 59.6%, oklch(73.90% 0.1637 66.64) 61.7%, oklch(70.99% 0.1637 61.80) 63.8%, oklch(67.81% 0.1650 56.50) 66.0%, oklch(64.42% 0.1682 50.87) 68.1%, oklch(60.89% 0.1740 45.01) 70.2%, oklch(57.30% 0.1834 39.04) 72.3%, oklch(53.70% 0.1978 33.07) 74.5%, oklch(50.19% 0.1969 27.24) 76.6%, oklch(46.82% 0.1885 21.62) 78.7%, oklch(43.62% 0.1745 16.24) 80.9%, oklch(40.30% 0.1611 10.63) 83.0%, oklch(36.86% 0.1481 4.80) 85.1%, oklch(33.39% 0.1357 358.90) 87.2%, oklch(29.99% 0.1238 353.09) 89.4%, oklch(26.73% 0.1125 347.52) 91.5%, oklch(23.67% 0.1002 342.31) 93.6%, oklch(20.98% 0.0856 337.71) 95.7%, oklch(18.70% 0.0735 333.82) 97.9%, oklch(16.93% 0.0648 330.80) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
