atsakyta. Pagrindinis puslapis
Svetainėms ir programuotojams

Spalvų paletės generatorius

Pavyzdžiui, #1a2b3c, rgb(26, 43, 60) arba hsl(210, 40%, 17%).

Paletė

9 spalvos

  • #f1f5ffjuodas tekstas 19,24:1
  • #c8d7ffjuodas tekstas 14,62:1
  • #a0b7ffjuodas tekstas 10,71:1
  • #7897ffjuodas tekstas 7,66:1
  • #5473ffjuodas tekstas 5,27:1
  • #3c53e4baltas tekstas 5,91:1
  • #2f3fd0jūsų spalva, baltas tekstas 7,65:1
  • #1b05a6baltas tekstas 12,97:1
  • #0e006ebaltas tekstas 16,88:1
:root { --color-1: #f1f5ff; --color-2: #c8d7ff; --color-3: #a0b7ff; --color-4: #7897ff; --color-5: #5473ff; --color-6: #3c53e4; --color-7: #2f3fd0; --color-8: #1b05a6; --color-9: #0e006e; }
  • HEX#2f3fd0
  • RGBrgb(47, 63, 208)
  • HSLhsl(234, 63%, 50%)
  • OKLCHoklch(46.2% 0.22 269.8)

Kai kurių spalvų sodrumą sumažinome, kad jos tilptų į ekranų spalvų erdvę sRGB. Šviesumas ir atspalvis liko tie patys.

Pranešti apie klaidą

Kaip tai veikia

Spalvas skaičiuojame OKLCH spalvų erdvėje, kurioje vienodi žingsniai ir atrodo vienodi: atspalvio pasukimas nekeičia matomo šviesumo, o skalės žingsniai tolygūs.

Šviesumo skalė eina nuo labai šviesaus iki tamsaus to paties atspalvio. Žingsnis, artimiausias jūsų spalvai, yra ji pati.

Harmonijos pasuka atspalvį ratu. Gretimos spalvos pasuktos nedaug į abi puses, papildomoji – į priešingą pusę, suskaidyta papildomoji – į abi jos puses. Triados ir keturių spalvų atspalviai išdėstyti vienodais tarpais.

Prie kiekvienos spalvos rodome, kuris tekstas, baltas ar juodas, ant jos geriau įskaitomas ir koks jo kontrastas pagal WCAG. Spalvą, netelpančią į sRGB, pritraukiame mažindami sodrumą.

Skaičiuojama jūsų naršyklėje – duomenys į serverį nesiunčiami. Paskutines įrašytas reikšmes naršyklė įsimena šiame įrenginyje; jas ištrinsite mygtuku „Išvalyti“. Nukopijuota nuoroda perduoda ir šias reikšmes, tad jas matys kiekvienas, kam ją nusiųsite.

Atnaujinta 2026-09-18. Pakeitimai