# Színvilágosság-generátor

Világosabb színváltozatokat hozhat létre egy színből úgy, hogy egyenletes lépésekben fehérrel keveri. Adjon meg egy színt bármilyen CSS formátumban, válasszon 2–20 lépést és egy keverési színteret, majd kap egy táblázatot, amely az eredeti színtől kezdve minden világosabb változathoz tartalmazza a HEX-, RGB-, HSL- és OKLCH-értékeket. Az sRGB-keverés a klasszikus színvilágosító eszközök és a Sass működését követi, míg az OKLab érzékelés szempontjából egyenletes lépéseket ad. Ideális hátterekhez, rámutatási állapotokhoz és színskálákhoz.

## Gyakran ismételt kérdések

### Mi az a világosabb színváltozat?

A világosabb színváltozat fehérrel kevert szín. Megőrzi a színárnyalatát, miközben világosabbá és halványabbá válik; ezzel szemben a sötétebb árnyalat feketével, a színtónus pedig szürkével kevert szín.

### Hogyan oszlanak el a lépések?

N lépés esetén a k. sorban a szín és (k - 1) / N rész fehér keveredik, így 10 lépésnél 0%, 10%, 20% és így tovább, egészen 90%-ig. Az első sor mindig az eredeti színt tartalmazza, tiszta fehér pedig nem szerepel a listában.

### Mi a különbség az sRGB- és az OKLab-keverés között?

Az sRGB-keverés a gamma-kódolt csatornaértékek átlagát veszi, ahogyan azt a Sass mix() fehérrel és a legtöbb klasszikus színárnyalat-generátor is teszi. Az OKLab-keverés érzékelési térben történik, ezért a világossági lépések egyenletesebbnek tűnnek, a világos tartomány pedig nem fakul ki olyan gyorsan.

### Milyen bemeneti formátumokat használhatok?

Hex kódok #-szel vagy anélkül, CSS színnevek, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() és cmyk(). Futtatásonként egy színt adjon meg.

### Hány világosabb árnyalatot generálhatok?

Futtatásonként 2 és 20 között, alapértelmezés szerint 10-et. A darabszám az első sorban szereplő eredeti színt is tartalmazza.

### Milyen értékeket jelenít meg a táblázat?

Minden lépésnél a fehér arányát, a hex kódot, a rgb(), a hsl() és a oklch() értékeket modern CSS szintaxissal. A RGB csatornaértékei egész számok, a HSL százalékos értékei legfeljebb két tizedesjegyet tartalmaznak, az OKLCH világossága és színtelítettsége pedig legfeljebb négyet.

### Mi történik az átlátszó színekkel?

A bemeneti szín alfaértéke minden világosabb változatnál megmarad, mert a fehér ugyanazzal az alfaértékkel keveredik bele. A hex kódok így 8 jegyűek lesznek, a CSS függvények pedig a törtjel után tartalmazzák az alfaértéket.

### Mi történik az sRGB-n kívüli színekkel?

A keverés a teljes színt használja, de a HEX, RGB és HSL csak az sRGB-t tudja megjeleníteni, ezért a színskálán kívül eső lépések ezekben az oszlopokban az CSS Color 4 algoritmussal sRGB-be képeződnek le. Az OKLCH-oszlop a le nem képezett értéket őrzi meg.

### Hogyan használhatom a világosabb árnyalatokat a CSS-ben?

Másolja a hex- vagy oklch()-értékeket egyéni tulajdonságokba, például --brand-100 és --brand-200 néven. Ha inkább a böngészőben szeretné elvégezni a keverést, a color-mix(in oklab, var(--brand) 80%, white) ugyanazt a 20%-os világosabb változatot adja, mint az OKLab beállítás.

### Használhatok fehér szöveget világos árnyalaton?

Általában nem, mert a világos árnyalatok kontrasztja alacsony a fehérhez képest. Használjon sötét szöveget világos árnyalatokon, és ellenőrizze minden színpár kontrasztját; a normál szöveghez a WCAG AA szerint legalább 4.5:1 szükséges.

Hirdetne nálunk?

[Írjon nekünk e-mailt](mailto:hi@dennn.is?subject=Hirdet%C3%A9s%20a%20OneClick%20Pro%20oldalon)

[Hirdetés Az ügynökök számára kész plugincsomag a WordPress számára.](https://sleekwp.com/?ref=oneclickpro)