Verde-claro, amarelo, turquesa e azul: gradiente angular
Verde-claro, amarelo, turquesa e azul: paleta com 32 cores. #b9e47a, #88e8da, #cdf8b4, #b7e783, #5367e8. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #b9e47a
- #b2e683
- #a8e890
- #9de99e
- #92eaae
- #8aeabc
- #86eac8
- #86e9d2
- #88e8da
- #8be8de
- #8ee8e0
- #91eae0
- #96eddc
- #9ef0d5
- #abf4cc
- #bbf7c0
- #cdf8b4
- #def8a9
- #edf69f
- #f6f396
- #f8f08e
- #efee87
- #daeb81
- #b7e783
- #83e390
- #2bdaa5
- #00c7bc
- #00b4c7
- #00a1d1
- #008de3
- #3877ed
- #5367e8
CSS
background: conic-gradient(from 210deg in oklch, oklch(86.61% 0.1419 127.27) 0.0%, oklch(86.64% 0.1384 131.39) 3.2%, oklch(86.64% 0.1333 137.44) 6.5%, oklch(86.63% 0.1272 144.88) 9.7%, oklch(86.63% 0.1204 153.13) 12.9%, oklch(86.64% 0.1132 161.66) 16.1%, oklch(86.67% 0.1062 169.88) 19.4%, oklch(86.74% 0.0997 177.26) 22.6%, oklch(86.86% 0.0941 183.23) 25.8%, oklch(87.04% 0.0898 187.24) 29.0%, oklch(87.30% 0.0872 188.72) 32.3%, oklch(87.72% 0.0865 186.81) 35.5%, oklch(88.52% 0.0872 180.71) 38.7%, oklch(89.60% 0.0890 171.36) 41.9%, oklch(90.83% 0.0919 159.84) 45.2%, oklch(92.08% 0.0955 147.20) 48.4%, oklch(93.21% 0.0998 134.53) 51.6%, oklch(94.11% 0.1046 122.88) 54.8%, oklch(94.65% 0.1098 113.31) 58.1%, oklch(94.69% 0.1151 106.91) 61.3%, oklch(94.11% 0.1205 104.72) 64.5%, oklch(92.76% 0.1258 107.81) 67.7%, oklch(90.43% 0.1320 116.59) 71.0%, oklch(87.26% 0.1390 130.06) 74.2%, oklch(83.46% 0.1467 147.12) 77.4%, oklch(79.25% 0.1547 166.62) 80.6%, oklch(74.83% 0.1304 187.45) 83.9%, oklch(70.41% 0.1212 208.48) 87.1%, oklch(66.22% 0.1299 228.59) 90.3%, oklch(62.46% 0.1629 246.63) 93.5%, oklch(59.34% 0.1901 261.48) 96.8%, oklch(57.09% 0.1943 272.04) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
