HEX–RGB-átalakító: színkódok, HSL, CMYK – Ingyenes
Ingyenes, regisztráció nélkül, a böngésződben működik. Gépelés közben alakítsd át a HEX és RGB színkódokat egymásba, és kapd meg a HSL, HSV és CMYK értéket is, másológombokkal.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
Kontraszt szöveghez
Az AA 4.5:1 kontrasztot kér a normál szövegnél és 3:1-et a nagy szövegnél; az AAA 7:1-et. A kontrasztot a tömör színen mérjük.
Mindent az eszközödön alakítunk át.
Miért érdemes használni ezt: HEX–RGB színátalakító
- 100%-ban ingyenes
- Használd, ahányszor szeretnéd. Nincs regisztráció, nincs vízjel, nincs mit telepíteni.
- Adatvédelem a tervezésben
- Amit beírsz, a böngésződben marad, és soha nem küldjük el nekünk.
- Bármilyen eszközön működik
- A böngésződben fut Windows, Mac, Linux, Android és iPhone rendszeren. Nincs szükség alkalmazásra.
Így használd: HEX–RGB színátalakító
- Illessz be egy színt a Szín mezőbe bármilyen formában, például #2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%) vagy cmyk(82%, 64%, 0%, 0%), vagy használd a Színválasztót.
- Húzd az Átlátszóság csúszkát, ha átlátszóság kell. A HEX két számjegyet kap, az RGB pedig rgba() lesz.
- Kattints a HEX, RGB, HSL, HSV vagy CMYK melletti másológombra.
- A Kontraszt szövegekhez résznél nézd meg, hogy a fehér vagy fekete szöveg jól olvasható-e a színen.
Gyakori kérdések
Hogyan alakítom át a HEX-et RGB-re?
Bontsd a hat számjegyet három párra, és mindegyik párt olvasd 0 és 255 közötti számként. A #2F5BFF esetében 2F = 47, 5B = 91, FF = 255, azaz rgb(47, 91, 255). Ez az eszköz gépelés közben számol.
Hogyan alakítom át az RGB-t HEX-re?
Illeszd be az RGB-értéket, például rgb(47, 91, 255) vagy csak 47, 91, 255 formában, és másold ki a HEX sort. Minden 0 és 255 közötti szám két hexadecimális számjegyet kap: 47 a 2F, 91 az 5B, 255 az FF.
Mit jelentenek a 8 számjegyű HEX-kódok?
Az utolsó két számjegy az átlátszatlanság (alfa), 00 (átlátszó) és FF (teljesen fedő) között. A #2F5BFF80 körülbelül 50%-ban fedő. A rövid formák, mint a #abc és a #abcd, is működnek.
Mi a különbség a HEX, az RGB és a HSL között?
Ugyanazt a színt írják le különböző módon. A HEX és az RGB a vörös, zöld és kék mennyiségét adja meg (a HEX 16-os számrendszerben), a HSL pedig árnyalatot, telítettséget és világosságot, amelyet kézzel könnyebb igazítani. Mindhárom működik CSS-ben.
Mi a HSV, és miben különbözik a HSL-től?
A HSV (más néven HSB) árnyalatot, telítettséget és értéket használ, ezt a modellt sok tervezőprogram színválasztója használja. A HSL-ben a 100% világosság mindig fehér; a HSV-ben a 100% érték a szín legvilágosabb változata.
Miért más a CMYK-érték nyomtatásban?
A képernyőről nyomtatásra váltás a nyomtatótól, festéktől és papírtól függ. Az itt látható CMYK egyszerű matematikai átalakítás; a pontos eredményhez kérd a nyomdától a színprofiljukat.
Mit jelent a kontrasztarány?
Azt méri, mennyire olvasható a fehér vagy fekete szöveg a színen. Az akadálymentességi irányelvek (WCAG) legalább 4.5:1-et kérnek a normál szövegre, 3:1-et a nagy szövegre, és 7:1-et a szigorúbb AAA szintre.
Küldődik valahova bármi?
Nem. Az átalakítások az eszközödön történnek.
Ingyenes a(z) HEX–RGB színátalakító?
Igen. Ingyenesen használható, regisztráció és telepítés nélkül.
Súgók és útmutatók (angolul)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
Kapcsolódó eszközök
- SzínnévkeresőIllessz be HEX, RGB vagy HSL kódot, és nézd meg a legközelebbi CSS-színneveket, szavakkal leírva. Böngéssz a 148 névvel, és másolj bármelyiket.
- Színkontraszt-ellenőrzőSzöveg- és háttérszín WCAG kontrasztaránya: AA és AAA, normál és nagy szöveg, gombok és ikonok. Ha nem felel meg, közeli megfelelő színt javasolunk.
- Színpaletta-generátorGenerálj öt színes palettát, rögzíts színeket, vagy építs sémát egy alapszínből. Színenként 11 árnyalat; exportálás CSS, Tailwind vagy JSON.
- CSS-színátmenet generátorLineáris, sugaras vagy kúpos színátmenet 2–8 színmegállóval, élő előnézettel, CSS-kóddal, valamint PNG-letöltéssel HD és 4K méretben.