Szín konverter

Adjon meg egy színértéket HEX, RGB vagy HSL formátumban, és azonnal lássa az összes többi formátumba konvertálva. Az összes feldolgozás helyben, a böngészőjében történik.

Adja meg HEX (#rrggbb), RGB (rgb(r,g,b)) vagy HSL (hsl(h,s%,l%)) formátumban – vagy használja a színválasztót.
Másolva!

Kontraszt egyszerű háttereken

Fehéren
Feketén

A színformátumokról

  • HEX – #rrggbb, a leggyakoribb CSS színformátum.
  • RGB – rgb(r, g, b), minden csatorna 0-255.
  • HSL – hsl(h, s%, l%), árnyalat 0-360°, telítettség és világosság 0-100%.

Elfogadunk mindent, amit a böngésző ért, köztük az olyan nevet, mint a rebeccapurple, a nyolc számjegyű, alfát is tartalmazó hexadecimálist, és a szóközökkel tagolt alakot az alfa előtti perjellel, amit a mai CSS használ. A kontrasztszámok a WCAG relatív fénysűrűség-képletét követik, a 4.5 arány tehát a normál kenyérszöveg küszöbe AA szinten, a 7 pedig az AAA szinten. Ezek az átlátszatlan színre számolódnak, mert egy áttetsző színnek nincs rögzített kontrasztja, amíg nem tudni, mi van mögötte.

Kapcsolódó eszközök

CSS tömörítő / formázó Kép Base64 konvertálás QR-kód Generátor

Ellenáll a jelölés?

Az escape-elt entitások, az elrontott kódolások és a tartalom, ami a CMS-ben így, az oldalon úgy jelenik meg, általában azt jelentik, hogy valami a folyamatban találgat. Frontendet építünk és a mögötte lévő publikálási utat, hogy a látogató azt lássa, amit leírt.

Beszéljünk a webhelyéről

Gyakran ismételt kérdések

Milyen színformátumokat illeszthetek be?
Három, négy, hat vagy nyolc számjegyű hexadecimálist, rgb-t és rgba-t, hsl-t és hsla-t, hwb-t, és bármely CSS színnevet. Elfogadjuk a vesszős alakot és a szóközökkel tagolt, alfa előtt perjeles modern alakot is, így közvetlenül egy stíluslapról is beilleszthet.
Hogyan kezeli az átlátszóságot?
Az alfa csatorna túléli az átváltást, egy nyolc számjegyű hexadecimális tehát rgba alakban jön vissza, az előnézet mögött pedig sakktábla látszik. Az alfa csak akkor kerül a kimenetbe, ha valóban kisebb a teljes átlátszatlanságnál, hacsak nem kéri mindig.
Mit jelentenek a kontrasztszámok?
A WCAG kontrasztaránya e szín és egy egyszerű fehér vagy fekete háttér között. A normál kenyérszövegnek 4.5 kell az AA szinthez és 7 az AAA-hoz; a nagy betűnek alacsonyabb a küszöbe. A 3 alatti arány a legtöbb embernek bármilyen méretben nehezen olvasható.
Miért alfa nélkül számolja a kontrasztot?
Mert egy áttetsző színnek nincs rögzített kontrasztja. Amit az olvasó valójában lát, attól függ, mi van mögötte, ezért a számok az átlátszatlan színnel dolgoznak. Ha a szövege tényleg áttetsző, előbb számolja ki a kikevert színt, és azt ellenőrizze.
Mi a különbség a HSL és a HWB között?
Mindkettő ugyanabból a színárnyalatszögből indul. A HSL a telítettséggel és a világossággal írja le a színt, ezt a párost mutatja a legtöbb eszköz. A HWB azzal írja le, mennyi fehér és mennyi fekete van belekeverve, ami közelebb áll ahhoz, ahogy festéket kevernek, és könnyebben kezelhető egy árnyalatskála építésekor.