Arco-íris: gradiente linear
Arco-íris: paleta com 32 cores. #00bb86, #b98600, #cd3a9d, #ae3ac8, #5577f5, #00aec3, #41b693, #4db178. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 5 quadros-chave OKLCH editáveis.
- #00bb86
- #45b668
- #75ac34
- #9f9a00
- #b98600
- #d16e00
- #e34d34
- #e03f66
- #d73b87
- #cd3a9d
- #c439ac
- #bc38b7
- #b538c0
- #ae3ac8
- #a63ed2
- #9b46dd
- #8a53e9
- #7464f2
- #5577f5
- #288af0
- #009add
- #00a5cd
- #00aec3
- #00b4b9
- #21b7af
- #33b7a5
- #3cb79c
- #41b693
- #44b58b
- #46b384
- #49b27d
- #4db178
CSS
background: linear-gradient(225deg in oklch, oklch(70.08% 0.1483 164.53) 0.0%, oklch(69.27% 0.1533 150.45) 3.2%, oklch(68.15% 0.1595 130.81) 6.5%, oklch(66.80% 0.1435 107.37) 9.7%, oklch(65.34% 0.1347 81.89) 12.9%, oklch(63.87% 0.1560 56.17) 16.1%, oklch(62.50% 0.1907 31.99) 19.4%, oklch(61.32% 0.1973 11.08) 22.6%, oklch(60.43% 0.2023 355.16) 25.8%, oklch(59.64% 0.2073 343.77) 29.0%, oklch(58.89% 0.2124 335.55) 32.3%, oklch(58.24% 0.2171 329.48) 35.5%, oklch(57.73% 0.2209 324.54) 38.7%, oklch(57.42% 0.2232 319.73) 41.9%, oklch(57.36% 0.2235 314.02) 45.2%, oklch(57.62% 0.2213 306.40) 48.4%, oklch(58.27% 0.2158 295.98) 51.6%, oklch(59.50% 0.2057 283.17) 54.8%, oklch(61.19% 0.1920 268.76) 58.1%, oklch(63.14% 0.1763 253.47) 61.3%, oklch(65.17% 0.1446 238.06) 64.5%, oklch(67.10% 0.1252 223.23) 67.7%, oklch(68.73% 0.1188 209.74) 71.0%, oklch(69.89% 0.1189 198.33) 74.2%, oklch(70.46% 0.1164 189.24) 77.4%, oklch(70.62% 0.1144 181.59) 80.6%, oklch(70.47% 0.1148 175.16) 83.9%, oklch(70.11% 0.1168 169.80) 87.1%, oklch(69.63% 0.1197 165.34) 90.3%, oklch(69.14% 0.1229 161.62) 93.5%, oklch(68.73% 0.1255 158.47) 96.8%, oklch(68.50% 0.1268 155.72) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
