Branco, azul e cinza: gradiente linear
Branco, azul e cinza: paleta com 40 cores. #ffffff, #b3d3b6, #3daab7, #59a2ca, #96bed7, #9fb8c7, #648398, #244e68. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 4 quadros-chave OKLCH editáveis.
- #ffffff
- #fafaf6
- #f3f3e9
- #e9ebdb
- #dae3cd
- #c8dbc0
- #b3d3b6
- #9acbb1
- #81c3af
- #68bbb0
- #50b2b3
- #3daab7
- #32a4bb
- #309fbe
- #369cc1
- #409cc4
- #4c9ec7
- #59a2ca
- #66a7cd
- #72add0
- #7fb3d3
- #8bb9d5
- #96bed7
- #9fc2d8
- #a5c5d7
- #a9c5d6
- #a9c3d3
- #a6bece
- #9fb8c7
- #96afbf
- #8ba5b6
- #7f9aac
- #718fa2
- #648398
- #56788e
- #4a6d84
- #3e637b
- #335a74
- #2a536d
- #244e68
CSS
background: linear-gradient(225deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(98.33% 0.0052 96.11) 2.6%, oklch(96.08% 0.0122 104.12) 5.1%, oklch(93.35% 0.0209 113.70) 7.7%, oklch(90.27% 0.0306 124.50) 10.3%, oklch(86.94% 0.0411 136.19) 12.8%, oklch(83.48% 0.0520 148.44) 15.4%, oklch(80.01% 0.0628 160.89) 17.9%, oklch(76.64% 0.0733 173.22) 20.5%, oklch(73.49% 0.0830 185.07) 23.1%, oklch(70.67% 0.0915 196.12) 25.6%, oklch(68.30% 0.0984 206.03) 28.2%, oklch(66.49% 0.1034 214.44) 30.8%, oklch(65.35% 0.1061 221.04) 33.3%, oklch(65.03% 0.1062 225.96) 35.9%, oklch(65.47% 0.1040 229.71) 38.5%, oklch(66.54% 0.0999 232.41) 41.0%, oklch(68.09% 0.0942 234.23) 43.6%, oklch(69.99% 0.0874 235.30) 46.2%, oklch(72.08% 0.0798 235.77) 48.7%, oklch(74.23% 0.0717 235.80) 51.3%, oklch(76.29% 0.0637 235.52) 53.8%, oklch(78.12% 0.0559 235.09) 56.4%, oklch(79.58% 0.0489 234.66) 59.0%, oklch(80.53% 0.0429 234.36) 61.5%, oklch(80.82% 0.0385 234.35) 64.1%, oklch(80.31% 0.0358 234.77) 66.7%, oklch(78.94% 0.0349 235.42) 69.2%, oklch(76.81% 0.0351 235.99) 71.8%, oklch(74.06% 0.0363 236.49) 74.4%, oklch(70.81% 0.0384 236.92) 76.9%, oklch(67.20% 0.0410 237.29) 79.5%, oklch(63.34% 0.0442 237.60) 82.1%, oklch(59.38% 0.0477 237.88) 84.6%, oklch(55.44% 0.0512 238.12) 87.2%, oklch(51.65% 0.0547 238.32) 89.7%, oklch(48.13% 0.0580 238.51) 92.3%, oklch(45.03% 0.0609 238.68) 94.9%, oklch(42.46% 0.0632 238.84) 97.4%, oklch(40.55% 0.0648 239.00) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
