Azul, marrom, rosa e cinza: gradiente linear
Azul, marrom, rosa e cinza: paleta com 48 cores. #6689a2, #c46e56, #e6d4d8, #e6cec2, #648c81. Edite e exporte CSS, SVG, PNG ou um shader.
48 cores, 5 quadros-chave OKLCH editáveis.
- #6689a2
- #6888a6
- #6d85ab
- #7581ae
- #807baf
- #8d75ab
- #9b6fa3
- #a86996
- #b26585
- #ba6475
- #be6565
- #c1695a
- #c46e56
- #c77458
- #ca7c61
- #cf846e
- #d38e7d
- #d8988e
- #dba29e
- #deadae
- #e0b8bb
- #e2c1c6
- #e4c9cf
- #e5d0d5
- #e6d4d8
- #e8d8db
- #e9dadc
- #ebdbdd
- #ecdcdd
- #eddbdc
- #eedada
- #eed9d7
- #edd7d3
- #ecd4ce
- #ead1c8
- #e6cec2
- #e1cbbb
- #d9c6b3
- #d0c1aa
- #c4bba1
- #b7b499
- #a9ae92
- #9aa78c
- #8ca188
- #7f9a85
- #739583
- #6a9082
- #648c81
CSS
background: linear-gradient(225deg in oklch, oklch(61.42% 0.0551 239.06) 0.0%, oklch(61.39% 0.0586 247.43) 2.1%, oklch(61.26% 0.0637 258.79) 4.3%, oklch(61.04% 0.0701 272.51) 6.4%, oklch(60.80% 0.0772 287.95) 8.5%, oklch(60.57% 0.0847 304.47) 10.6%, oklch(60.39% 0.0922 321.43) 12.8%, oklch(60.31% 0.0994 338.19) 14.9%, oklch(60.37% 0.1057 354.12) 17.0%, oklch(60.62% 0.1109 8.56) 19.1%, oklch(61.09% 0.1145 20.89) 21.3%, oklch(61.84% 0.1161 30.47) 23.4%, oklch(62.90% 0.1153 36.67) 25.5%, oklch(64.42% 0.1118 39.60) 27.7%, oklch(66.37% 0.1059 39.82) 29.8%, oklch(68.66% 0.0981 37.84) 31.9%, oklch(71.19% 0.0889 34.15) 34.0%, oklch(73.86% 0.0787 29.26) 36.2%, oklch(76.59% 0.0681 23.67) 38.3%, oklch(79.26% 0.0574 17.88) 40.4%, oklch(81.80% 0.0472 12.38) 42.6%, oklch(84.10% 0.0379 7.68) 44.7%, oklch(86.07% 0.0301 4.28) 46.8%, oklch(87.61% 0.0242 2.67) 48.9%, oklch(88.67% 0.0204 3.12) 51.1%, oklch(89.48% 0.0182 4.41) 53.2%, oklch(90.08% 0.0172 6.31) 55.3%, oklch(90.47% 0.0172 8.80) 57.4%, oklch(90.67% 0.0180 11.90) 59.6%, oklch(90.67% 0.0194 15.57) 61.7%, oklch(90.49% 0.0213 19.83) 63.8%, oklch(90.12% 0.0235 24.65) 66.0%, oklch(89.57% 0.0258 30.03) 68.1%, oklch(88.85% 0.0280 35.97) 70.2%, oklch(87.96% 0.0299 42.45) 72.3%, oklch(86.90% 0.0314 49.47) 74.5%, oklch(85.59% 0.0325 57.42) 76.6%, oklch(83.82% 0.0338 67.07) 78.7%, oklch(81.66% 0.0352 78.09) 80.9%, oklch(79.23% 0.0366 90.10) 83.0%, oklch(76.60% 0.0382 102.74) 85.1%, oklch(73.87% 0.0397 115.62) 87.2%, oklch(71.13% 0.0412 128.37) 89.4%, oklch(68.48% 0.0426 140.62) 91.5%, oklch(66.02% 0.0439 151.99) 93.6%, oklch(63.82% 0.0451 162.10) 95.7%, oklch(62.00% 0.0461 170.59) 97.9%, oklch(60.63% 0.0469 177.07) 100.0%);Nestas coleções
Paleta de cores para modo claro
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
