Arco-íris de preto a laranja: gradiente linear
Arco-íris de preto a laranja: paleta com 32 cores. #121212, #ebe2c7, #4d5cb5, #e74339, #e7c62d. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 5 quadros-chave OKLCH editáveis.
- #121212
- #212120
- #3a3936
- #5b5854
- #807b74
- #a69f95
- #c8beb1
- #e1d6c3
- #ebe2c7
- #e2e2be
- #c6dab0
- #9acba6
- #62b8a5
- #239fab
- #0085b0
- #2c6db4
- #4d5cb5
- #684fb2
- #8344aa
- #9d3c9d
- #b5368a
- #cb3473
- #dc3959
- #e74339
- #ec5300
- #e56f00
- #e48300
- #e69400
- #e8a300
- #eab100
- #eabc10
- #e7c62d
CSS
background: linear-gradient(90deg in oklch, oklch(18.11% 0.0000 89.88) 0.0%, oklch(24.76% 0.0023 88.64) 3.2%, oklch(34.51% 0.0048 85.47) 6.5%, oklch(46.16% 0.0078 81.61) 9.7%, oklch(58.53% 0.0114 78.21) 12.9%, oklch(70.43% 0.0159 76.41) 16.1%, oklch(80.65% 0.0215 77.33) 19.4%, oklch(88.02% 0.0284 82.13) 22.6%, oklch(91.34% 0.0367 91.94) 25.8%, oklch(90.41% 0.0473 107.62) 29.0%, oklch(86.21% 0.0598 128.13) 32.3%, oklch(79.79% 0.0736 152.04) 35.5%, oklch(72.21% 0.0882 177.91) 38.7%, oklch(64.50% 0.1027 204.32) 41.9%, oklch(57.72% 0.1148 229.85) 45.2%, oklch(52.91% 0.1294 253.03) 48.4%, oklch(50.84% 0.1405 272.99) 51.6%, oklch(50.39% 0.1519 291.94) 54.8%, oklch(51.07% 0.1632 310.23) 58.1%, oklch(52.60% 0.1739 327.76) 61.3%, oklch(54.73% 0.1837 344.41) 64.5%, oklch(57.20% 0.1920 0.08) 67.7%, oklch(59.73% 0.1983 14.65) 71.0%, oklch(62.07% 0.2021 28.03) 74.2%, oklch(64.29% 0.2011 40.17) 77.4%, oklch(66.99% 0.1740 51.27) 80.6%, oklch(70.00% 0.1621 61.33) 83.9%, oklch(73.13% 0.1581 70.33) 87.1%, oklch(76.20% 0.1587 78.27) 90.3%, oklch(79.01% 0.1619 85.14) 93.5%, oklch(81.36% 0.1641 90.93) 96.8%, oklch(83.07% 0.1598 95.64) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
