Malva, cinza, turquesa e azul: gradiente radial
Malva, cinza, turquesa e azul: paleta com 40 cores. #c18690, #a96f8e, #716666, #70969b, #324c6f. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 5 quadros-chave OKLCH editáveis.
- #c18690
- #bf8490
- #be8291
- #bd8091
- #bb7d92
- #b97b93
- #b67894
- #b37594
- #b07393
- #ac7191
- #a96f8e
- #a56d87
- #a06b7f
- #9a6a76
- #92686e
- #8a6768
- #826664
- #7b6663
- #756563
- #726564
- #716666
- #74696b
- #776d72
- #7b727b
- #7d7986
- #7d8091
- #7b8899
- #778f9d
- #74949d
- #70969b
- #6c9497
- #659092
- #5b898d
- #518189
- #487785
- #3f6d80
- #3a637b
- #365a77
- #345272
- #324c6f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.0730 7.73) 0.0%, oklch(67.71% 0.0741 6.17) 2.6%, oklch(67.22% 0.0759 3.80) 5.1%, oklch(66.63% 0.0782 0.88) 7.7%, oklch(65.98% 0.0807 357.69) 10.3%, oklch(65.26% 0.0831 354.46) 12.8%, oklch(64.50% 0.0851 351.46) 15.4%, oklch(63.70% 0.0864 348.94) 17.9%, oklch(62.87% 0.0868 347.16) 20.5%, oklch(62.04% 0.0858 346.38) 23.1%, oklch(61.20% 0.0832 346.91) 25.6%, oklch(60.18% 0.0784 350.06) 28.2%, oklch(58.97% 0.0716 355.60) 30.8%, oklch(57.66% 0.0634 2.65) 33.3%, oklch(56.31% 0.0544 10.30) 35.9%, oklch(55.01% 0.0451 17.68) 38.5%, oklch(53.85% 0.0361 23.89) 41.0%, oklch(52.90% 0.0279 28.04) 43.6%, oklch(52.24% 0.0212 29.24) 46.2%, oklch(51.95% 0.0166 26.62) 48.7%, oklch(52.15% 0.0143 19.08) 51.3%, oklch(53.05% 0.0141 5.56) 53.8%, oklch(54.51% 0.0155 347.22) 56.4%, oklch(56.34% 0.0181 325.52) 59.0%, oklch(58.36% 0.0217 301.89) 61.5%, oklch(60.38% 0.0258 277.81) 64.1%, oklch(62.20% 0.0303 254.70) 66.7%, oklch(63.65% 0.0347 234.03) 69.2%, oklch(64.54% 0.0387 217.25) 71.8%, oklch(64.67% 0.0420 205.80) 74.4%, oklch(63.89% 0.0447 200.48) 76.9%, oklch(62.26% 0.0475 199.93) 79.5%, oklch(59.96% 0.0503 203.20) 82.1%, oklch(57.18% 0.0531 209.36) 84.6%, oklch(54.13% 0.0558 217.49) 87.2%, oklch(50.99% 0.0584 226.68) 89.7%, oklch(47.95% 0.0608 236.02) 92.3%, oklch(45.20% 0.0629 244.58) 94.9%, oklch(42.93% 0.0647 251.45) 97.4%, oklch(41.34% 0.0661 255.72) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
