Azul-claro, malva, cinza e rosa: gradiente linear
Azul-claro, malva, cinza e rosa: paleta com 64 cores. #67cbe3, #9c8ab5, #907372, #c598a3, #f8ceff. Edite e exporte CSS, SVG, PNG ou um shader.
64 cores, 3 quadros-chave OKLCH editáveis.
- #67cbe3
- #69c9e4
- #6cc6e5
- #6fc3e5
- #72c0e5
- #76bce5
- #7ab8e4
- #7eb4e2
- #83afe0
- #87aadc
- #8ba5d9
- #8fa0d4
- #939ccf
- #9697c9
- #9892c2
- #9a8ebc
- #9c8ab5
- #9d86ad
- #9d83a6
- #9d809f
- #9c7d99
- #9b7b92
- #9a798d
- #997787
- #977582
- #96747e
- #94737b
- #937278
- #917275
- #917274
- #907272
- #907272
- #907372
- #917472
- #937573
- #957774
- #977976
- #9a7b78
- #9d7d7b
- #a17f7e
- #a58282
- #a98585
- #ad8889
- #b28b8e
- #b68e93
- #bb9198
- #c0959e
- #c598a3
- #ca9caa
- #cea0b0
- #d3a4b6
- #d7a7bd
- #dcabc4
- #e0afca
- #e3b3d1
- #e7b6d8
- #eabade
- #edbde4
- #efc1ea
- #f2c4ef
- #f4c7f4
- #f5c9f9
- #f7cbfc
- #f8ceff
CSS
background: linear-gradient(225deg in oklch, oklch(79.13% 0.0992 215.86) 0.0%, oklch(78.76% 0.0981 218.75) 1.6%, oklch(78.29% 0.0968 222.16) 3.2%, oklch(77.74% 0.0953 226.05) 4.8%, oklch(77.12% 0.0936 230.39) 6.3%, oklch(76.43% 0.0917 235.14) 7.9%, oklch(75.69% 0.0897 240.26) 9.5%, oklch(74.89% 0.0876 245.72) 11.1%, oklch(74.04% 0.0853 251.47) 12.7%, oklch(73.15% 0.0829 257.48) 14.3%, oklch(72.24% 0.0805 263.71) 15.9%, oklch(71.30% 0.0779 270.13) 17.5%, oklch(70.34% 0.0754 276.69) 19.0%, oklch(69.37% 0.0727 283.37) 20.6%, oklch(68.40% 0.0701 290.11) 22.2%, oklch(67.43% 0.0674 296.90) 23.8%, oklch(66.47% 0.0648 303.68) 25.4%, oklch(65.53% 0.0622 310.42) 27.0%, oklch(64.61% 0.0596 317.09) 28.6%, oklch(63.73% 0.0571 323.64) 30.2%, oklch(62.89% 0.0547 330.04) 31.7%, oklch(62.09% 0.0523 336.25) 33.3%, oklch(61.34% 0.0501 342.24) 34.9%, oklch(60.66% 0.0480 347.96) 36.5%, oklch(60.04% 0.0460 353.38) 38.1%, oklch(59.50% 0.0442 358.47) 39.7%, oklch(59.04% 0.0425 3.18) 41.3%, oklch(58.66% 0.0410 7.48) 42.9%, oklch(58.38% 0.0398 11.33) 44.4%, oklch(58.21% 0.0387 14.69) 46.0%, oklch(58.14% 0.0379 17.52) 47.6%, oklch(58.20% 0.0374 19.80) 49.2%, oklch(58.37% 0.0371 21.49) 50.8%, oklch(58.68% 0.0371 22.67) 52.4%, oklch(59.12% 0.0373 23.38) 54.0%, oklch(59.67% 0.0377 23.65) 55.6%, oklch(60.33% 0.0383 23.50) 57.1%, oklch(61.10% 0.0391 22.96) 58.7%, oklch(61.96% 0.0402 22.06) 60.3%, oklch(62.90% 0.0413 20.83) 61.9%, oklch(63.93% 0.0426 19.29) 63.5%, oklch(65.02% 0.0441 17.46) 65.1%, oklch(66.17% 0.0457 15.39) 66.7%, oklch(67.38% 0.0474 13.09) 68.3%, oklch(68.63% 0.0491 10.59) 69.8%, oklch(69.92% 0.0510 7.92) 71.4%, oklch(71.23% 0.0529 5.11) 73.0%, oklch(72.57% 0.0549 2.17) 74.6%, oklch(73.92% 0.0569 359.15) 76.2%, oklch(75.28% 0.0589 356.07) 77.8%, oklch(76.63% 0.0609 352.95) 79.4%, oklch(77.97% 0.0630 349.82) 81.0%, oklch(79.29% 0.0650 346.71) 82.5%, oklch(80.58% 0.0669 343.65) 84.1%, oklch(81.83% 0.0688 340.66) 85.7%, oklch(83.04% 0.0707 337.77) 87.3%, oklch(84.20% 0.0724 335.01) 88.9%, oklch(85.30% 0.0741 332.40) 90.5%, oklch(86.33% 0.0757 329.98) 92.1%, oklch(87.28% 0.0771 327.76) 93.7%, oklch(88.15% 0.0784 325.78) 95.2%, oklch(88.92% 0.0795 324.07) 96.8%, oklch(89.59% 0.0805 322.64) 98.4%, oklch(90.16% 0.0803 321.54) 100.0%);Nestas coleções
Interface de vidro iridescente
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
