tigtools

Színátváltó

Gépeljen be vagy illesszen be egy színt bármely támogatott formátumban, vagy válasszon egyet, és az összes többi formátum azonnal frissül.

Böngészőben fut Regisztráció nélkül

Beolvasva mint HEX.

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
HWB
hwb(210 20% 40%)
OKLCH
oklch(49.93% 0.0987 250.43)
CMYK
cmyk(66.7%, 33.3%, 0%, 40%)

A CMYK itt egy egyszerű képlet, nem színkezelt. Nyomtatáshoz a nyomtató által megadott ICC-profillal konvertáljon.

Használata

  1. Gépeljen be vagy illesszen be egy színt, például #1e90ff, rgb(30 144 255) vagy oklch(65% 0.18 250). Kattinthat a színválasztóra is.
  2. Ellenőrizze a színmintát, hogy biztosan a várt színt látja-e.
  3. Másolja ki a listából a szükséges formátumot. Az átlátszóságot tartalmazó értékek megőrzik az alfa-csatornát.

Hogyan működik

Elfogadott bemenetek: HEX 3, 4, 6 vagy 8 számjeggyel (a 4. és 8. számjegy az alfa), rgb() és rgba() számokkal vagy százalékokkal, hsl() és hsla(), hwb(), oklch() és cmyk() százalékokkal vagy 0 és 100 közötti számokkal. Mind a klasszikus vesszős szintaxis, mind a modern szóközös szintaxis „/ alfa” résszel működik. A színárnyalat (hue) elfogad deg, turn, rad és grad mértékegységeket. A nevesített színek, mint a „tomato”, nem kerülnek felismerésre; használj a színválasztót vagy egy kódot helyette.

Minden átalakítás sRGB-n keresztül történik. A HSL és a HWB egyszerű átszámításai az RGB értékeknek, így pontosan konvertálódnak. Az OKLCH egy érzékelési színtér: a világosságában egyenlő lépések nagyjából egyformán különbözőnek tűnnek, ami hasznossá teszi paletták építéséhez. A publikált OKLab mátrixokkal számoljuk. Egyes OKLCH színek kívül esnek azon, amit az sRGB meg tud jeleníteni; ilyenkor az eszköz jelzi ezt, és megmutatja a legközelebbi megjeleníthető színt.

A CMYK a gyakori egyszerű képlettel számolódik (K = 1 − a legnagyobb RGB csatorna). A valós nyomtatási eredmény függ a papírtól, a tintától és az ICC profiltól, ezért ezeket a számokat kiindulópontként kezeld, nem nyomtatási specifikációként.

Példák

Márka HEX kódból CSS-be

Egy stílus útmutató #0b5d1e értéket ad meg. Illeszd be, hogy megkapd az rgb(11, 93, 30) értéket a régebbi CSS-hez, a hsl(133.9, 78.8%, 20.4%) értéket a világosság kézi módosításához, és egy oklch() értéket a modern CSS színfüggvényekhez.

Átlátszósággal megadott szín leolvasása

Az rgba(0, 0, 0, 0.5) #00000080-ra konvertálódik. Az utolsó két HEX számjegy (80) az alfa: 128 a 255-ből, körülbelül 50%.

OKLCH-érték ellenőrzése tervfájlból

Az oklch(70% 0.4 150) egy nagyon telített zöld, amelyet az sRGB képernyők nem tudnak megjeleníteni. Az eszköz jelzi ezt, és megadja a legközelebbi sRGB színt, így tudni fogja, hogy a design a legtöbb kijelzőn másképp fog kinézni.

Gyakori kérdések

Miért változik meg néha eggyel a HEX, ha HSL-be és vissza konvertálom?

A HEX csatornánként 0 és 255 közötti egész számokat tárol. A többi formátum értékei a megjelenítéshez kerekítve vannak (a HSL egy tizedesjegyre), és egy kerekített érték visszaalakítása egy lépéssel eltérhet. Ha a pontos eredetire van szüksége, másolja ki a HEX értéket.

Helyes a CMYK érték nyomtatáshoz?

Nem, önmagában nem. Az eszköz egyszerű képletet használ színprofil nélkül. A nyomdák olyan profilokat használnak, mint a FOGRA vagy a GRACoL, amelyek más számokat adnak, ezért kérdezze meg a nyomdáját, vagy színkezelt alkalmazásban végezze el az átváltást.

Mi az OKLCH, és használhatom CSS-ben?

Az OKLCH a színt az érzékelt világossággal, krómával (színesség) és színárnyalattal írja le. A nagyobb böngészők aktuális verziói támogatják az oklch() függvényt CSS-ben. Ha régebbi böngészőket is támogat, tegyen be HEX vagy rgb() tartalékot.

Mit jelent egy 8 jegyű HEX kód?

#RRGGBBAA: az utolsó két számjegy az átlátszatlanság, 00 (teljesen átlátszó) és ff (teljesen átlátszatlan) között. A 4 jegyű #RGBA forma ugyanígy működik, csatornánként egy számjeggyel.

Adatvédelem

A színek átváltása a böngészőjében történik. A bevitt adatokat nem küldjük el sehová, és nem tároljuk.