Színválasztó és átváltó

Válassz egy színt, vagy írd be HEX, RGB, HSL formában vagy angol nevével, és azonnal megkapod az összes formátumot másolásra készen, valamint a fehér és fekete szövegre vonatkozó kontrasztját. Minden a böngésződben történik.

🔒 Amit beírsz, nem hagyja el az eszközödet. Minden a böngésződben számolódik ki.

Formátumok

HEX
RGB
HSL
CMYK

Szövegkontraszt (WCAG)

Fehér szöveg ezen a színen
Fekete szöveg ezen a színen

Hogyan válts át egy színt

  1. Kattints a színmezőre egy szín kiválasztásához, vagy írd be a szövegmezőbe.
  2. Megadhatod HEX (#1e90ff), rgb(), hsl() formában vagy angol nevével.
  3. Nézd meg a színt az előnézetben a HEX, RGB, HSL és CMYK megfelelőivel együtt.
  4. Másold ki a neked szükséges formátumot, és ellenőrizd a kontrasztot fehér vagy fekete szöveggel.

Mire jó

A tervezők és fejlesztők gyakran váltanak át egy színt egyik formátumból a másikba: a palettából a HEX-et, a stíluslapból az rgb()-t, a HSL-t világosabb vagy sötétebb változatok készítéséhez. Ez az eszköz egy lépésben megteszi.

A WCAG akadálymentességi irányelvei szerint kiszámítja a szín kontrasztját fehér és fekete szöveggel is: 4,5:1 az AA szinthez és 7:1 az AAA szinthez normál szövegnél.

A CMYK egyszerű átváltás, referenciaként hasznos; professzionális nyomtatáshoz a tervezőszoftvered színprofilját kell használnod.

Tudnivalók

Gyakran ismételt kérdések

Hogyan váltok HEX-ből RGB-be?

Írd be a HEX-et (például #1e90ff), és az eszköz azonnal megmutatja az azonos rgb() értéket, a HSL és a CMYK mellett.

Mi az a WCAG kontraszt?

Azt méri, mennyire olvasható a szöveg egy háttéren. A 4,5:1 arány az AA szintnek, a 7:1 az AAA szintnek felel meg normál szövegnél.

Elfogad átlátszó színeket?

Igen: beírhatsz #rrggbbaa, rgba() vagy hsla() értéket is, és az átlátszósággal együtt jelennek meg.

Elküldődik valami egy szerverre?

Nem. Minden a böngésződben számolódik.

Ingyenes?

Igen, ingyenes, nem kell hozzá regisztráció, és közvetlenül a böngésződben működik.