Převodník HEX na RGB: barevné kódy, HSL, CMYK – zdarma
Zdarma, bez registrace, funguje ve vašem prohlížeči. Převádějte HEX na RGB při psaní. Z barvy v libovolném formátu získáte HEX, RGB, HSL, HSV a CMYK, a průhlednost i čitelnost textu.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
Kontrast pro text
AA vyžaduje 4.5:1 pro běžný text a 3:1 pro velký text; AAA vyžaduje 7:1. Kontrast se měří na plné barvě.
Vše se převádí ve vašem zařízení.
Proč použít Převodník barev HEX na RGB
- 100% zdarma
- Používejte, jak často chcete. Bez registrace, bez vodoznaku, bez instalace.
- Soukromí od základu
- Co napíšete, zůstává ve vašem prohlížeči a nikdy se nám neposílá.
- Funguje na jakémkoli zařízení
- Běží ve vašem prohlížeči na Windows, Macu, Linuxu, Androidu a iPhonu. Není potřeba žádná aplikace.
Jak použít Převodník barev HEX na RGB
- Vložte barvu do pole Barva v libovolném formátu, například #2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%) nebo cmyk(82%, 64%, 0%, 0%), nebo použijte Výběr vzorku.
- Pokud potřebujete průhlednost, posuňte posuvník Průhlednost. HEX získá dvě číslice a RGB se změní na rgba().
- Klikněte na tlačítko kopírování vedle HEX, RGB, HSL, HSV nebo CMYK.
- V části Kontrast pro text zkontrolujte, zda bílý nebo černý text na barvě dobře čte.
Často kladené otázky
Jak převedu HEX na RGB?
Rozdělte šest číslic na tři dvojice a každou přečtěte jako číslo od 0 do 255. Pro #2F5BFF je to 2F = 47, 5B = 91 a FF = 255, tedy rgb(47, 91, 255). Tento nástroj to dělá při psaní.
Jak převedu RGB na HEX?
Vložte hodnotu RGB, například rgb(47, 91, 255) nebo jen 47, 91, 255, a zkopírujte řádek HEX. Každé číslo od 0 do 255 se změní na dvě šestnáctkové číslice: 47 je 2F, 91 je 5B a 255 je FF.
A co osmimístné kódy HEX?
Poslední dvě číslice udávají neprůhlednost (alfa), od 00 (průhledné) po FF (plné). #2F5BFF80 je asi z 50% neprůhledná. Zkrácené tvary jako #abc a #abcd fungují také.
Jaký je rozdíl mezi HEX, RGB a HSL?
Popisují stejnou barvu různými způsoby. HEX a RGB udávají množství červené, zelené a modré (HEX v šestnáctkové soustavě), zatímco HSL udává odstín, sytost a světlost, což se ručně snadněji upravuje. Všechny tři fungují v CSS.
Co je HSV a čím se liší od HSL?
HSV (také zvané HSB) používá odstín, sytost a jas, což je model, který mnoho designových aplikací používá ve výběru barev. V HSL je 100% světlost vždy bílá; v HSV je 100% jas nejjasnější verze barvy.
Proč hodnoty CMYK vypadají při tisku jinak?
Převod z obrazovky na tisk závisí na tiskárně, inkoustech a papíru. CMYK zobrazené zde je jednoduchý matematický převod; pro přesné výsledky si od tiskárny vyžádejte jejich barevný profil.
Co znamená poměr kontrastu?
Měří, jak dobře se bílý nebo černý text na barvě čte. Pokyny k přístupnosti (WCAG) vyžadují alespoň 4.5:1 pro běžný text, 3:1 pro velký text a 7:1 pro přísnější úroveň AAA.
Odesílá se něco někam?
Ne. Převody probíhají ve vašem zařízení.
Je Převodník barev HEX na RGB zdarma?
Ano. Používání je zdarma, bez registrace a bez instalace čehokoli.
Nápověda a návody (v angličtině)
- 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.
Související nástroje
- Hledač názvů barevVložte kód HEX, RGB nebo HSL a uvidíte nejbližší názvy barev CSS s popisem, např. „tmavá, sytě modrá“. Procházejte všech 148 pojmenovaných barev.
- Kontrola kontrastu barevZadejte barvu textu a pozadí a zjistěte poměr kontrastu WCAG a výsledky AA a AAA. Pokud test neprojde, zvolte nejbližší vyhovující barvu.
- Generátor barevné paletyVygenerujte paletu z pěti barev mezerníkem, zamkněte oblíbené a sestavte schéma z vlastní barvy. Odstíny a export do CSS, Tailwind nebo JSON.
- Generátor CSS přechodůNavrhněte lineární, radiální nebo kuželový přechod s 2 až 8 barvami, sledujte jej naživo a zkopírujte CSS kód pozadí nebo stáhněte PNG.