Roxo, preto, azul-marinho e laranja: gradiente linear
Roxo, preto, azul-marinho e laranja: paleta com 40 cores. #503a8c, #0d0411, #00030b, #001c44, #c27c22. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 5 quadros-chave OKLCH editáveis.
- #503a8c
- #4c3682
- #483075
- #422966
- #3b2256
- #331b46
- #2a1437
- #210e2a
- #19091f
- #120617
- #0d0411
- #08030d
- #06030b
- #040209
- #030207
- #020207
- #010207
- #010207
- #000208
- #000309
- #00030b
- #00040d
- #00050e
- #000710
- #000914
- #000c18
- #00101e
- #001426
- #001831
- #001c44
- #101f53
- #282460
- #432968
- #602f6b
- #7d3667
- #97405c
- #ab4e4d
- #b95e3c
- #c06f2d
- #c27c22
CSS
background: linear-gradient(45deg in oklch, oklch(41.73% 0.1295 291.80) 0.0%, oklch(39.91% 0.1233 293.56) 2.6%, oklch(37.41% 0.1147 296.34) 5.1%, oklch(34.42% 0.1044 299.79) 7.7%, oklch(31.09% 0.0929 303.57) 10.3%, oklch(27.59% 0.0809 307.31) 12.8%, oklch(24.08% 0.0689 310.68) 15.4%, oklch(20.74% 0.0576 313.32) 17.9%, oklch(17.74% 0.0474 314.88) 20.5%, oklch(15.23% 0.0391 315.03) 23.1%, oklch(13.37% 0.0332 313.38) 25.6%, oklch(11.94% 0.0287 309.52) 28.2%, oklch(10.78% 0.0253 303.73) 30.8%, oklch(9.89% 0.0229 296.53) 33.3%, oklch(9.24% 0.0214 288.44) 35.9%, oklch(8.83% 0.0208 279.95) 38.5%, oklch(8.63% 0.0210 271.58) 41.0%, oklch(8.64% 0.0220 263.84) 43.6%, oklch(8.84% 0.0237 257.24) 46.2%, oklch(9.21% 0.0261 252.28) 48.7%, oklch(9.79% 0.0286 251.20) 51.3%, oklch(10.47% 0.0289 249.01) 53.8%, oklch(11.28% 0.0290 245.94) 56.4%, oklch(12.27% 0.0299 243.44) 59.0%, oklch(13.47% 0.0319 241.83) 61.5%, oklch(14.89% 0.0350 241.40) 64.1%, oklch(16.57% 0.0396 242.44) 66.7%, oklch(18.52% 0.0468 245.22) 69.2%, oklch(20.77% 0.0588 250.01) 71.8%, oklch(23.34% 0.0831 257.07) 74.4%, oklch(26.39% 0.0976 267.19) 76.9%, oklch(30.26% 0.1026 281.78) 79.5%, oklch(34.72% 0.1074 299.63) 82.1%, oklch(39.57% 0.1118 319.69) 84.6%, oklch(44.57% 0.1159 340.90) 87.2%, oklch(49.53% 0.1197 2.20) 89.7%, oklch(54.23% 0.1231 22.52) 92.3%, oklch(58.44% 0.1262 40.81) 94.9%, oklch(61.96% 0.1288 56.01) 97.4%, oklch(64.57% 0.1309 67.06) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
