Preto, roxo e laranja: gradiente radial
Preto, roxo e laranja: paleta com 32 cores. #100c17, #21132f, #471e57, #66266c, #8e317b, #b7416f, #dd7a33, #d7a62e. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #100c17
- #130e1b
- #170f21
- #1c1128
- #21132f
- #281637
- #2f1840
- #371a48
- #3f1c50
- #471e57
- #4f205e
- #572263
- #5e2468
- #66266c
- #6d2870
- #752a74
- #7d2c77
- #852f79
- #8e317b
- #97347a
- #a13879
- #ac3c75
- #b7416f
- #c24966
- #cd525a
- #d55e4d
- #da6b40
- #dd7a33
- #dd872a
- #dc9426
- #d99e29
- #d7a62e
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.54% 0.0234 300.23) 0.0%, oklch(17.57% 0.0289 301.21) 3.2%, oklch(18.91% 0.0363 302.37) 6.5%, oklch(20.48% 0.0450 303.73) 9.7%, oklch(22.25% 0.0548 305.25) 12.9%, oklch(24.16% 0.0652 306.94) 16.1%, oklch(26.15% 0.0759 308.78) 19.4%, oklch(28.19% 0.0865 310.75) 22.6%, oklch(30.23% 0.0965 312.86) 25.8%, oklch(32.20% 0.1057 315.08) 29.0%, oklch(34.06% 0.1135 317.40) 32.3%, oklch(35.79% 0.1200 319.73) 35.5%, oklch(37.47% 0.1259 321.84) 38.7%, oklch(39.12% 0.1315 323.84) 41.9%, oklch(40.75% 0.1365 325.86) 45.2%, oklch(42.39% 0.1411 328.04) 48.4%, oklch(44.04% 0.1452 330.51) 51.6%, oklch(45.71% 0.1488 333.41) 54.8%, oklch(47.44% 0.1518 336.88) 58.1%, oklch(49.22% 0.1543 341.04) 61.3%, oklch(51.08% 0.1562 346.04) 64.5%, oklch(53.03% 0.1574 352.06) 67.7%, oklch(55.22% 0.1577 359.76) 71.0%, oklch(57.62% 0.1569 8.96) 74.2%, oklch(60.15% 0.1555 19.24) 77.4%, oklch(62.74% 0.1534 30.16) 80.6%, oklch(65.31% 0.1510 41.29) 83.9%, oklch(67.78% 0.1484 52.20) 87.1%, oklch(70.08% 0.1459 62.45) 90.3%, oklch(72.14% 0.1436 71.63) 93.5%, oklch(73.87% 0.1417 79.29) 96.8%, oklch(75.20% 0.1406 85.01) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
