Azul (monocromático) em tons pastel: gradiente linear
Gradiente linear, 32 cores a 135°: #f0f9ff, #c8ebfe, #99dcfd, #6ecefb, #38bdf8. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #f0f9ff
- #edf8ff
- #e9f6ff
- #e5f5ff
- #e0f3ff
- #daf1ff
- #d4effe
- #ceedfe
- #c8ebfe
- #c2e9fd
- #bce7fd
- #b6e5fd
- #b1e3fd
- #abe1fd
- #a5dffd
- #9fdefd
- #99dcfd
- #93dafd
- #8dd8fc
- #87d6fc
- #81d4fc
- #7bd2fc
- #75d0fc
- #6ecefb
- #67cbfb
- #5fc9fa
- #58c7fa
- #51c4f9
- #4ac2f9
- #43c0f9
- #3dbef8
- #38bdf8
CSS
background: linear-gradient(135deg in oklch, oklch(97.71% 0.0125 236.62) 0.0%, oklch(97.28% 0.0149 236.27) 3.2%, oklch(96.72% 0.0181 235.80) 6.5%, oklch(96.06% 0.0217 235.22) 9.7%, oklch(95.32% 0.0259 234.59) 12.9%, oklch(94.52% 0.0304 233.91) 16.1%, oklch(93.69% 0.0351 233.23) 19.4%, oklch(92.83% 0.0399 232.57) 22.6%, oklch(91.98% 0.0447 231.96) 25.8%, oklch(91.16% 0.0495 231.43) 29.0%, oklch(90.38% 0.0540 231.01) 32.3%, oklch(89.66% 0.0584 230.71) 35.5%, oklch(88.94% 0.0628 230.48) 38.7%, oklch(88.22% 0.0673 230.31) 41.9%, oklch(87.51% 0.0719 230.20) 45.2%, oklch(86.79% 0.0764 230.13) 48.4%, oklch(86.08% 0.0810 230.10) 51.6%, oklch(85.37% 0.0855 230.10) 54.8%, oklch(84.66% 0.0900 230.13) 58.1%, oklch(83.95% 0.0943 230.19) 61.3%, oklch(83.24% 0.0985 230.26) 64.5%, oklch(82.52% 0.1026 230.35) 67.7%, oklch(81.75% 0.1068 230.49) 71.0%, oklch(80.94% 0.1111 230.70) 74.2%, oklch(80.11% 0.1154 230.94) 77.4%, oklch(79.28% 0.1196 231.21) 80.6%, oklch(78.46% 0.1237 231.50) 83.9%, oklch(77.68% 0.1275 231.79) 87.1%, oklch(76.96% 0.1310 232.06) 90.3%, oklch(76.32% 0.1342 232.31) 93.5%, oklch(75.78% 0.1369 232.51) 96.8%, oklch(75.35% 0.1390 232.66) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
