Mi az a színskála?
Egy színből kiinduló árnyalatok sora, a majdnem fehértől a majdnem feketéig. Mindegyiknek ugyanaz az alapárnyalata, ezért könnyedén illenek egymáshoz.
Világosítás, sötétítés és tompítás
Ha a színhez fehéret keversz, világosabb és lágyabb lesz. Ha feketét, sötétebb és mélyebb. Ha szürkét, visszafogottabb és elegánsabb hatású lesz.
Hogyan használd a skálát a designban?
A világos lépcsőket (50–200) használd háttérnek, a középsőket (400–600) gomboknak és linkeknek, a sötéteket (700–950) szövegnek és kereteknek. Egyetlen skálával rendezett, egységes felületet kapsz.
Gyakori kérdések
Hogyan készül a skála?
Az OKLCH színteret használjuk, amely azt követi, ahogy a szem a világosságot érzékeli. Így az árnyalatok közti lépések egyenletesek, nincsenek hirtelen ugrások.
Mit jelentenek az 50–950 közötti számok?
Ezt a skálát használja a Tailwind CSS és sok designrendszer: az 50 a legvilágosabb, a 950 a legsötétebb árnyalat. A színed ahhoz a számhoz kerül, amelyikhez a legjobban illik.
Használhatom a skálát Tailwindben vagy CSS-ben?
Igen. Írj be egy nevet, válassz formátumot, és másold ki a kódot: beilleszthető CSS-változókat vagy a colors blokkot a Tailwind-konfigurációhoz.
Mi a különbség a színskála és a színpaletta között?
A skála egyetlen szín árnyalatai. A paletta különböző, egymáshoz illő színeket kombinál. Sok paletta egy skálát használ a háttérhez és a szöveghez, plusz egy-két kiemelő színt.