Webtervezés és CSS
Konvertáljon egy színt egy tervezőfájlból vagy egy képernyőkép-választóból a stíluslaphoz szükséges hexadecimális kóddá.
RGB–HEX átalakító — Alakítsd át az RGB-értékeket hexadecimális kódokká, illetve a hexadecimális kódokat RGB-értékekké, élő előnézettel.
Írja be a piros, zöld és kék számokat, válasszon ki egy színt, vagy illesszen be egy hexadecimális kódot, és egyszerre tekintse meg az összes formátumot: HEX, RGB és HSL. Az élő előnézet és a kontrasztellenőrzés segítségével megnézheti, melyik szövegszín a legalkalmasabb. Mindez a böngészőjében fut.
Szín átalakítása
A színeid a böngészőben maradnak
Válasszon ki vagy írjon be egy színt
Aa
Színkódok
HEX
–RGB (CSS)
–HSL (CSS)
––A legmegfelelőbb szövegszín
–Contrast ratio
Az útmutató
RGB–HEX átváltási útmutató: színkódok, HSL és kontraszt
Ismerje meg, hogyan működnek a színkódok, és hogyan válasszon jól olvasható színpárokat.
Mit csinál egy RGB–HEX átalakító?
A képernyők a vörös, zöld és kék fény keverésével állítják elő az összes színt. Az RGB-rendszerben a keveréket három, 0 és 255 közötti számmal jelölik. A HEX-rendszerben ugyanezeket a három számokat 16-os számrendszerben rövid kódként írják le, például #1F3A5F formában; ezt használják általában a CSS, a tervezőeszközök és a márkairányelvek.
Írja be a három számot, válasszon színt a színválasztóval, vagy illessze be a hexadecimális kódot. Minden formátum egyszerre frissül, emellett megkapja az HSL-értékeket is, valamint azt is, hogy melyik szövegszín olvasható legjobban az adott háttérszínen.
Miért alakítják át az emberek az RGB-t HEX-re?
Márka és dokumentumok
A márka színeit tartsa egységesen a logófájlban, a diavetítésben és a weboldalon egyaránt.
Akadálymentesség
Közzététel előtt ellenőrizd, hogy melyik szövegszín illik a háttérhez, és nézd meg a kontrasztarányt.
Hogyan alakul az RGB HEX-kóddá?
A három számot egyenként kétjegyű 16-os alapú értékre alakítjuk, majd a három párost összekapcsoljuk.
RGB: 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
HEX: #1F3A5F
A 16-os számrendszer a 0–9-es számjegyeket és az A–F betűket használja, ahol az A 10-et, az F pedig 15-öt jelent. Egy olyan rövid kód, mint a #FA0, rövidítés: minden számjegy kétszer szerepel, így ez a #FFAA00-t jelenti.
Gyakori színek RGB-ben és HEX-ben
| Szín | RGB | HEX |
|---|---|---|
| Fekete | 0, 0, 0 | #000000 |
| Fehér | 255, 255, 255 | #FFFFFF |
| Piros | 255, 0, 0 | #FF0000 |
| Zöld | 0, 255, 0 | #00FF00 |
| Kék | 0, 0, 255 | #0000FF |
| Sárga | 255, 255, 0 | #FFFF00 |
| Narancs | 255, 165, 0 | #FFA500 |
| Szürke | 128, 128, 128 | #808080 |
Az RGB–HEX átalakító használata
- Írja be a vörös, zöld és kék értékeket, vagy kattintson a színmintára a színválasztó használatához.
- Vagy illessz be egy hexadecimális kódot a „Hex” mezőbe, ha fordított irányba szeretnél haladni.
- Olvassa le a HEX-, RGB- és HSL-kódokat, majd ellenőrizze a kontrasztarányt és a szöveghez legalkalmasabb színt.
- Kattintson a „Másolás” gombra a kívánt formátum mellett.
Egyszerű tippek a színekkel való munkához
- Az olvashatóság érdekében a normál méretű szöveg esetében legalább 4,5 : 1, a nagy méretű szöveg esetében pedig legalább 3 : 1 kontrasztarányt célszerű biztosítani.
- A hexakódoknál nincs megkülönböztetés a kis- és nagybetűk között, így a #1f3a5f és a #1F3A5F ugyanazt a színt jelöli.
- A # előjel a CSS-ben kötelező, itt viszont opcionális. A kódokat beillesztheted vele vagy anélkül is.
- A képernyők és a nyomtatók eltérő módon jelenítik meg a színeket, ezért előfordulhat, hogy a kinyomtatott szín nem egyezik meg azzal, amit a képernyőn lát.
Korlátozások és adatvédelem
Adatvédelem
A színek átalakítása a böngészőben történik. Semmi sem kerül elküldésre a szerverünkre, és semmi sem kerül tárolásra. Csak a kisbetűs beállítás kerül elmentésre a készülékén.
Korlátozások
Az eszköz a szabványos 8 bites sRGB színekkel működik, csatornánként 0–255 értékekkel. Nem támogatja az átlátszóságot (RGBA vagy 8 számjegyű hexadecimális érték), a nyomtatáshoz használt CMYK-t, illetve a széles színterű színtereket.
Gyakori kérdések
GYIK az RGB–HEX átalakítóról
Hogyan konvertálhatom az RGB-t HEX-re?
Írja be a vörös, zöld és kék értékeket, mindegyiket 0 és 255 között. Az eszköz minden számot két 16-os számrendszerű számjegyre konvertál, majd összekapcsolja őket, így a 31, 58, 95 értékekből #1F3A5F lesz.
Hogyan konvertálhatom a HEX-értéket RGB-re?
Illessze be a hexadecimális kódot a „Hex” mezőbe. A három RGB-érték egyszerre kitöltődik. Például a #FF8800 értéke 255, 136, 0.
A hexadecimális kódhoz szükség van a # jelre?
Nem. Beírhatod a # jel nélkül is, és az olyan rövid kódok is működnek, mint például a #FA0. Az eredményben mindig szerepel a # jel, így azonnal felhasználható a CSS-ben.
Mit jelentenek a három RGB-érték?
Ezek a vörös, zöld és kék fény erősségét jelzik, 0-tól (nincs) 255-ig (teljes). A 0, 0, 0 fekete, a 255, 255, 255 pedig fehér.
Mire szolgál a HSL-érték?
A HSL-modell a színt árnyalat, telítettség és világosság alapján írja le. Gyakran könnyebb kézzel beállítani – például egy színt kissé világosabbá tenni –, és közvetlenül a CSS-ben is működik.
Mit árul el nekem a kontrasztarány?
Ez azt mutatja, mennyire jól kiemelkedik a fekete vagy fehér szöveg a háttérszínről. A WCAG akadálymentességi irányelvek szerint a normál szövegek esetében a szokásos minimum a 4,5 : 1-es arány vagy annál nagyobb.
Beépíthetek átlátszóságot?
Itt nem. Ez az eszköz kizárólag átlátszatlan színeket kezel, alfa-csatorna nélkül. Az átlátszósághoz magadnak kell megadnod az alfa-értéket a CSS-ben az rgba()-ben.
Az adataimat elmentik vagy továbbítják valahova?
Nem. Az átalakítás a böngészőben történik, és semmi sem hagyja el a készülékét. Csak a kisbetűs beállítását jegyzi meg a rendszer a következő alkalomra.
Az eszközt használóktól
Vélemények
Vélemények betöltése…
Folytasd!
További eszközök a készletben
A honlapon még több tucat olyan ingyenes eszköz található, amelyekhez nincs szükség API-kulcsra.
UUID-generátor
Véletlenszerű v4, v7 és v5 UUID-k tömeges létrehozása.
Szerszám megnyitásaSzóközeltávolító
Távolítsa el a felesleges szóközöket, tabulátorokat és üres sorokat.
Szerszám megnyitásaMértékegység-átváltó
Hosszúság, súly, sebesség és egyéb mértékegységek átváltása.
Szerszám megnyitásaRómai szám átváltó
Számok átalakítása római számokká és vissza.
Szerszám megnyitása