Azul, cinza, turquesa e roxo: gradiente linear
Azul, cinza, turquesa e roxo: paleta com 64 cores. #003478, #96b8c2, #66739f, #207c7f, #4d1833. Edite e exporte CSS, SVG, PNG ou um shader.
64 cores, 5 quadros-chave OKLCH editáveis.
- #003478
- #013a7b
- #03417f
- #084a84
- #115489
- #1c5e8e
- #276994
- #347499
- #427e9f
- #5089a5
- #5d93aa
- #6b9cb0
- #77a5b5
- #82acb9
- #8bb2bd
- #92b6c0
- #96b8c2
- #98b9c3
- #98b8c3
- #97b6c3
- #94b3c2
- #90aec0
- #8ca9bd
- #87a3ba
- #829db7
- #7e96b4
- #7a8fb0
- #7689ad
- #7283a9
- #6f7da6
- #6c79a3
- #6975a0
- #66739f
- #63729e
- #5e729e
- #59739d
- #53759d
- #4c769c
- #46789a
- #3f7a98
- #397c95
- #337e91
- #2f7f8d
- #2c8089
- #298086
- #278083
- #247e81
- #207c7f
- #1a797f
- #157580
- #127082
- #166a83
- #1e6383
- #285b83
- #325380
- #3a4a7c
- #414175
- #47396c
- #4b3162
- #4d2a57
- #4e244c
- #4f1f42
- #4e1b3a
- #4d1833
CSS
background: linear-gradient(135deg in oklch, oklch(34.25% 0.1268 258.05) 0.0%, oklch(35.85% 0.1235 256.44) 1.6%, oklch(37.96% 0.1191 254.23) 3.2%, oklch(40.49% 0.1140 251.52) 4.8%, oklch(43.37% 0.1081 248.42) 6.3%, oklch(46.51% 0.1017 245.03) 7.9%, oklch(49.84% 0.0948 241.46) 9.5%, oklch(53.29% 0.0878 237.79) 11.1%, oklch(56.76% 0.0807 234.15) 12.7%, oklch(60.18% 0.0736 230.63) 14.3%, oklch(63.47% 0.0668 227.33) 15.9%, oklch(66.56% 0.0604 224.36) 17.5%, oklch(69.36% 0.0545 221.82) 19.0%, oklch(71.80% 0.0493 219.81) 20.6%, oklch(73.80% 0.0450 218.44) 22.2%, oklch(75.27% 0.0417 217.81) 23.8%, oklch(76.15% 0.0395 218.04) 25.4%, oklch(76.46% 0.0384 219.37) 27.0%, oklch(76.29% 0.0382 221.76) 28.6%, oklch(75.70% 0.0387 225.04) 30.2%, oklch(74.74% 0.0398 229.04) 31.7%, oklch(73.48% 0.0416 233.59) 33.3%, oklch(71.97% 0.0438 238.51) 34.9%, oklch(70.27% 0.0464 243.64) 36.5%, oklch(68.45% 0.0492 248.82) 38.1%, oklch(66.56% 0.0522 253.86) 39.7%, oklch(64.66% 0.0553 258.61) 41.3%, oklch(62.81% 0.0584 262.89) 42.9%, oklch(61.07% 0.0613 266.53) 44.4%, oklch(59.50% 0.0639 269.36) 46.0%, oklch(58.15% 0.0663 271.21) 47.6%, oklch(57.09% 0.0681 271.91) 49.2%, oklch(56.36% 0.0696 271.25) 50.8%, oklch(55.85% 0.0708 268.86) 52.4%, oklch(55.50% 0.0720 264.94) 54.0%, oklch(55.29% 0.0732 259.76) 55.6%, oklch(55.20% 0.0742 253.60) 57.1%, oklch(55.20% 0.0752 246.73) 58.7%, oklch(55.25% 0.0761 239.41) 60.3%, oklch(55.33% 0.0770 231.92) 61.9%, oklch(55.42% 0.0778 224.52) 63.5%, oklch(55.48% 0.0786 217.50) 65.1%, oklch(55.48% 0.0794 211.12) 66.7%, oklch(55.41% 0.0801 205.65) 68.3%, oklch(55.23% 0.0807 201.36) 69.8%, oklch(54.91% 0.0813 198.53) 71.4%, oklch(54.42% 0.0820 197.42) 73.0%, oklch(53.75% 0.0825 198.30) 74.6%, oklch(52.85% 0.0831 201.45) 76.2%, oklch(51.72% 0.0836 206.81) 77.8%, oklch(50.39% 0.0840 214.10) 79.4%, oklch(48.90% 0.0844 223.03) 81.0%, oklch(47.28% 0.0848 233.31) 82.5%, oklch(45.56% 0.0851 244.65) 84.1%, oklch(43.77% 0.0853 256.76) 85.7%, oklch(41.96% 0.0856 269.33) 87.3%, oklch(40.15% 0.0858 282.10) 88.9%, oklch(38.37% 0.0860 294.75) 90.5%, oklch(36.66% 0.0861 307.01) 92.1%, oklch(35.06% 0.0863 318.57) 93.7%, oklch(33.58% 0.0864 329.15) 95.2%, oklch(32.28% 0.0866 338.46) 96.8%, oklch(31.18% 0.0867 346.21) 98.4%, oklch(30.31% 0.0868 352.10) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
