Laranja, amarelo e verde em tons vivos: gradiente angular
Laranja, amarelo e verde em tons vivos: paleta com 72 cores. #d29a14, #d0a512, #cbb721, #c2c738, #b9d44b. Edite e exporte CSS, SVG, PNG ou um shader.
72 cores, 2 quadros-chave OKLCH editáveis.
- #d29a14
- #d29a14
- #d29b14
- #d29b13
- #d29c13
- #d29c13
- #d29d13
- #d29d12
- #d29e12
- #d19f12
- #d19f12
- #d1a012
- #d1a112
- #d1a111
- #d1a211
- #d1a312
- #d1a412
- #d1a512
- #d0a512
- #d0a612
- #d0a713
- #d0a813
- #d0a914
- #cfaa14
- #cfab15
- #cfac16
- #cead16
- #ceae17
- #ceaf18
- #ceb019
- #cdb11a
- #cdb21b
- #ccb31c
- #ccb41d
- #ccb51e
- #cbb620
- #cbb721
- #cab822
- #cab924
- #c9ba25
- #c9bb26
- #c8bc28
- #c8bd29
- #c7be2a
- #c7bf2c
- #c6c02d
- #c6c12e
- #c5c230
- #c5c331
- #c4c433
- #c4c534
- #c3c635
- #c2c737
- #c2c738
- #c1c839
- #c1c93b
- #c0ca3c
- #c0cb3d
- #bfcc3e
- #becc3f
- #becd41
- #bdce42
- #bdcf43
- #bccf44
- #bcd045
- #bbd046
- #bbd147
- #bad248
- #bad249
- #bad349
- #b9d34a
- #b9d44b
CSS
background: conic-gradient(from 260deg in oklch, oklch(72.05% 0.1447 81.56) 0.0%, oklch(72.12% 0.1448 81.84) 1.4%, oklch(72.20% 0.1450 82.14) 2.8%, oklch(72.29% 0.1451 82.47) 4.2%, oklch(72.38% 0.1453 82.81) 5.6%, oklch(72.48% 0.1454 83.17) 7.0%, oklch(72.58% 0.1456 83.55) 8.5%, oklch(72.69% 0.1458 83.96) 9.9%, oklch(72.80% 0.1460 84.38) 11.3%, oklch(72.92% 0.1462 84.81) 12.7%, oklch(73.04% 0.1464 85.27) 14.1%, oklch(73.17% 0.1467 85.74) 15.5%, oklch(73.30% 0.1469 86.22) 16.9%, oklch(73.44% 0.1471 86.72) 18.3%, oklch(73.57% 0.1474 87.24) 19.7%, oklch(73.72% 0.1476 87.77) 21.1%, oklch(73.86% 0.1479 88.31) 22.5%, oklch(74.01% 0.1481 88.87) 23.9%, oklch(74.16% 0.1484 89.43) 25.4%, oklch(74.32% 0.1487 90.01) 26.8%, oklch(74.48% 0.1489 90.60) 28.2%, oklch(74.64% 0.1492 91.20) 29.6%, oklch(74.80% 0.1495 91.80) 31.0%, oklch(74.97% 0.1498 92.42) 32.4%, oklch(75.14% 0.1501 93.04) 33.8%, oklch(75.31% 0.1504 93.67) 35.2%, oklch(75.48% 0.1507 94.31) 36.6%, oklch(75.65% 0.1510 94.96) 38.0%, oklch(75.83% 0.1513 95.61) 39.4%, oklch(76.00% 0.1516 96.26) 40.8%, oklch(76.18% 0.1519 96.92) 42.3%, oklch(76.36% 0.1522 97.58) 43.7%, oklch(76.54% 0.1525 98.24) 45.1%, oklch(76.72% 0.1529 98.91) 46.5%, oklch(76.90% 0.1532 99.58) 47.9%, oklch(77.08% 0.1535 100.25) 49.3%, oklch(77.26% 0.1538 100.92) 50.7%, oklch(77.44% 0.1541 101.59) 52.1%, oklch(77.62% 0.1544 102.26) 53.5%, oklch(77.79% 0.1547 102.92) 54.9%, oklch(77.97% 0.1551 103.59) 56.3%, oklch(78.15% 0.1554 104.25) 57.7%, oklch(78.33% 0.1557 104.91) 59.2%, oklch(78.50% 0.1560 105.56) 60.6%, oklch(78.68% 0.1563 106.21) 62.0%, oklch(78.85% 0.1566 106.86) 63.4%, oklch(79.02% 0.1569 107.49) 64.8%, oklch(79.19% 0.1572 108.12) 66.2%, oklch(79.36% 0.1575 108.75) 67.6%, oklch(79.53% 0.1578 109.36) 69.0%, oklch(79.69% 0.1581 109.97) 70.4%, oklch(79.85% 0.1583 110.57) 71.8%, oklch(80.01% 0.1586 111.16) 73.2%, oklch(80.17% 0.1589 111.74) 74.6%, oklch(80.32% 0.1592 112.30) 76.1%, oklch(80.47% 0.1594 112.86) 77.5%, oklch(80.61% 0.1597 113.40) 78.9%, oklch(80.76% 0.1599 113.93) 80.3%, oklch(80.89% 0.1602 114.44) 81.7%, oklch(81.03% 0.1604 114.94) 83.1%, oklch(81.16% 0.1606 115.43) 84.5%, oklch(81.29% 0.1609 115.90) 85.9%, oklch(81.41% 0.1611 116.35) 87.3%, oklch(81.53% 0.1613 116.79) 88.7%, oklch(81.64% 0.1615 117.21) 90.1%, oklch(81.75% 0.1617 117.61) 91.5%, oklch(81.85% 0.1618 118.00) 93.0%, oklch(81.95% 0.1620 118.36) 94.4%, oklch(82.04% 0.1622 118.70) 95.8%, oklch(82.13% 0.1623 119.03) 97.2%, oklch(82.21% 0.1625 119.33) 98.6%, oklch(82.28% 0.1626 119.61) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
