Rosa, roxo, azul e turquesa em tons vivos: gradiente linear
Rosa, roxo, azul e turquesa em tons vivos: paleta com 32 cores. #d63767, #9c1fae, #4b4bd6, #1390c4, #33cd7e. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 8 quadros-chave OKLCH editáveis.
- #d63767
- #d3326e
- #cf2d77
- #c82781
- #c0238c
- #b92095
- #b01f9e
- #a61ea6
- #9c1fae
- #9321b6
- #8824be
- #7d28c4
- #722eca
- #6834cf
- #5e3bd2
- #5443d5
- #4b4bd6
- #4054d7
- #355dd6
- #2d67d3
- #2a71d0
- #297bcc
- #2385c8
- #1390c4
- #009bbd
- #03a4b5
- #1badac
- #27b4a5
- #25bc9e
- #22c394
- #27c988
- #33cd7e
CSS
background: linear-gradient(90deg in oklch, oklch(59.06% 0.1970 7.73) 0.0%, oklch(58.37% 0.1998 3.93) 3.2%, oklch(57.39% 0.2039 358.53) 6.5%, oklch(56.27% 0.2083 352.28) 9.7%, oklch(55.16% 0.2122 345.97) 12.9%, oklch(54.15% 0.2151 340.13) 16.1%, oklch(53.08% 0.2176 334.25) 19.4%, oklch(52.01% 0.2196 328.27) 22.6%, oklch(51.06% 0.2211 322.22) 25.8%, oklch(50.30% 0.2219 316.14) 29.0%, oklch(49.67% 0.2225 309.86) 32.3%, oklch(49.17% 0.2226 303.46) 35.5%, oklch(48.85% 0.2218 297.16) 38.7%, oklch(48.78% 0.2199 291.16) 41.9%, oklch(49.01% 0.2168 285.68) 45.2%, oklch(49.48% 0.2128 280.66) 48.4%, oklch(50.19% 0.2076 275.84) 51.6%, oklch(51.14% 0.2006 270.98) 54.8%, oklch(52.34% 0.1913 265.89) 58.1%, oklch(53.87% 0.1777 261.36) 61.3%, oklch(55.67% 0.1618 256.90) 64.5%, oklch(57.61% 0.1462 251.54) 67.7%, oklch(59.57% 0.1337 244.29) 71.0%, oklch(61.56% 0.1247 234.00) 74.2%, oklch(63.70% 0.1168 221.04) 77.4%, oklch(65.84% 0.1125 207.19) 80.6%, oklch(67.86% 0.1115 194.31) 83.9%, oklch(69.64% 0.1157 183.90) 87.1%, oklch(71.36% 0.1276 174.72) 90.3%, oklch(72.93% 0.1436 166.66) 93.5%, oklch(74.26% 0.1591 160.07) 96.8%, oklch(75.20% 0.1695 155.33) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
