Turquesa, azul-claro, laranja e marrom: gradiente angular
Turquesa, azul-claro, laranja e marrom: paleta com 32 cores. #00575f, #0ea6a1, #add7c5, #e1a875, #81341b. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 7 quadros-chave OKLCH editáveis.
- #00575f
- #015e66
- #03676f
- #07727a
- #0c7e84
- #11898d
- #139395
- #0f9d9b
- #0ea6a1
- #19b0a6
- #2db8aa
- #45bfaf
- #5fc6b7
- #79ccbf
- #8fd1c5
- #a0d5c7
- #add7c5
- #bad9c0
- #c7d9b9
- #d3d6b2
- #dbd0aa
- #dfc79f
- #e1b98c
- #e1a875
- #df945c
- #d98047
- #d16e39
- #c35e31
- #b0502a
- #9d4524
- #8d3b1f
- #81341b
CSS
background: conic-gradient(from 225deg in oklch, oklch(41.74% 0.0714 206.03) 0.0%, oklch(43.88% 0.0748 205.16) 3.2%, oklch(46.92% 0.0792 204.03) 6.5%, oklch(50.45% 0.0844 202.62) 9.7%, oklch(54.07% 0.0896 200.94) 12.9%, oklch(57.38% 0.0944 198.97) 16.1%, oklch(60.25% 0.0993 196.61) 19.4%, oklch(63.00% 0.1055 193.74) 22.6%, oklch(65.67% 0.1113 190.63) 25.8%, oklch(68.27% 0.1152 187.52) 29.0%, oklch(70.81% 0.1154 184.67) 32.3%, oklch(73.39% 0.1100 182.83) 35.5%, oklch(76.11% 0.0985 182.90) 38.7%, oklch(78.78% 0.0838 183.22) 41.9%, oklch(81.20% 0.0691 181.99) 45.2%, oklch(83.13% 0.0574 177.39) 48.4%, oklch(84.47% 0.0512 167.46) 51.6%, oklch(85.53% 0.0475 151.36) 54.8%, oklch(86.21% 0.0461 131.64) 58.1%, oklch(86.31% 0.0474 111.21) 61.3%, oklch(85.63% 0.0517 92.96) 64.5%, oklch(83.96% 0.0598 79.54) 67.7%, oklch(81.08% 0.0752 69.68) 71.0%, oklch(77.28% 0.0952 62.07) 74.2%, oklch(72.95% 0.1157 56.11) 77.4%, oklch(68.49% 0.1324 51.21) 80.6%, oklch(64.27% 0.1413 46.79) 83.9%, oklch(59.71% 0.1413 43.38) 87.1%, oklch(54.76% 0.1355 41.16) 90.3%, oklch(49.95% 0.1268 39.77) 93.5%, oklch(45.83% 0.1183 38.84) 96.8%, oklch(42.91% 0.1130 37.99) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
