Rosa-claro para roxo (análogos): gradiente linear
Rosa-claro para roxo (análogos): paleta com 32 cores. #f5dce8, #dfb7db, #b38ccf, #8565b2, #5d4193. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 3 quadros-chave OKLCH editáveis.
- #f5dce8
- #f3d9e6
- #f2d5e4
- #f0d1e3
- #edcce1
- #ebc7df
- #e7c2de
- #e4bcdc
- #dfb7db
- #dbb1da
- #d6abd9
- #d0a6d8
- #cba0d6
- #c59bd5
- #bf96d3
- #b991d2
- #b38ccf
- #ad87cc
- #a781c9
- #a07cc5
- #9976c0
- #9270bc
- #8c6ab7
- #8565b2
- #7f5fad
- #785aa9
- #7355a4
- #6d50a0
- #684b9c
- #644898
- #604495
- #5d4193
CSS
background: linear-gradient(45deg in oklch, oklch(91.73% 0.0317 347.34) 0.0%, oklch(90.99% 0.0344 346.00) 3.2%, oklch(90.10% 0.0378 344.31) 6.5%, oklch(89.08% 0.0417 342.33) 9.7%, oklch(87.96% 0.0462 340.10) 12.9%, oklch(86.73% 0.0511 337.67) 16.1%, oklch(85.41% 0.0563 335.08) 19.4%, oklch(84.01% 0.0617 332.38) 22.6%, oklch(82.55% 0.0673 329.61) 25.8%, oklch(81.04% 0.0729 326.82) 29.0%, oklch(79.50% 0.0784 324.06) 32.3%, oklch(77.92% 0.0837 321.37) 35.5%, oklch(76.34% 0.0888 318.81) 38.7%, oklch(74.75% 0.0936 316.40) 41.9%, oklch(73.18% 0.0979 314.21) 45.2%, oklch(71.63% 0.1017 312.27) 48.4%, oklch(70.09% 0.1049 310.61) 51.6%, oklch(68.44% 0.1078 309.09) 54.8%, oklch(66.68% 0.1104 307.67) 58.1%, oklch(64.83% 0.1129 306.35) 61.3%, oklch(62.92% 0.1151 305.13) 64.5%, oklch(60.97% 0.1171 304.00) 67.7%, oklch(59.00% 0.1189 302.96) 71.0%, oklch(57.05% 0.1205 302.00) 74.2%, oklch(55.14% 0.1220 301.11) 77.4%, oklch(53.29% 0.1234 300.30) 80.6%, oklch(51.52% 0.1246 299.55) 83.9%, oklch(49.87% 0.1258 298.86) 87.1%, oklch(48.35% 0.1268 298.23) 90.3%, oklch(47.00% 0.1278 297.65) 93.5%, oklch(45.83% 0.1287 297.12) 96.8%, oklch(44.88% 0.1295 296.62) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
