Webdizajn a CSS
Preveďte farbu zo súboru s dizajnom alebo z nástroja na výber farieb zo snímky obrazovky na hexadecimálny kód, ktorý potrebuje váš štýlový list.
Prevodník RGB na HEX — Premeňte hodnoty RGB na hexadecimálne kódy a hexadecimálne kódy na RGB s náhľadom v reálnom čase.
Zadajte červené, zelené a modré čísla, vyberte farbu alebo vložte hexadecimálny kód a ihneď si prezrite všetky formáty: HEX, RGB a HSL. Náhľad v reálnom čase a kontrola kontrastu vám ukážu, ktorá farba textu vyzerá najlepšie. Všetko beží priamo vo vašom prehliadači.
Previesť farbu
Vaše farby zostávajú vo vašom prehliadači
Vyberte alebo zadajte farbu
Aa
Farebné kódy
HEX
–RGB (CSS)
–HSL (CSS)
–– Najvhodnejšia farba textu
–Kontrastný pomer
Sprievodca
Príručka pre prevod RGB na HEX: farebné kódy, HSL a kontrast
Zistite, ako fungujú farebné kódy a ako vybrať prehľadné farebné kombinácie.
Čo robí prevodník z RGB na HEX?
Displeje vytvárajú všetky farby zmiešaním červeného, zeleného a modrého svetla. Systém RGB vyjadruje túto zmes tromi číslami v rozmedzí od 0 do 255. Systém HEX vyjadruje tie isté tri čísla v šestnástkovej sústave ako skrátený kód, napríklad #1F3A5F, ktorý sa bežne používa v CSS, dizajnových nástrojoch a príručkách pre značky.
Zadajte tri čísla, vyberte farbu pomocou výberového nástroja alebo vložte hexadecimálny kód. Všetky formáty sa aktualizujú súčasne a navyše získate aj verziu v HSL a informáciu o tom, ktorá farba textu je na danom pozadí najčitateľnejšia.
Prečo ľudia prevádzajú hodnoty RGB na HEX
Značka a dokumenty
Dbajte na to, aby farby značky boli jednotné v súbore s logom, v prezentácii aj na webovej stránke.
Prístupnosť
Pred zverejnením si overte, ktorá farba textu vyzerá dobre na danom pozadí, a skontrolujte kontrastný pomer.
Ako sa RGB prevádza na HEX
Každé z týchto troch čísel sa prevedie na dvojcifernú hodnotu v šestnástkovej sústave a následne sa tieto tri dvojice spoja.
RGB: 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
HEX: #1F3A5F
Šestnástková sústava používa číslice 0–9 a písmená A–F, pričom A predstavuje 10 a F 15. Krátky kód, ako napríklad #FA0, je skratka: každá číslica sa zdvojnásobí, takže znamená #FFAA00.
Bežné farby v systémoch RGB a HEX
| Farba | RGB | HEX |
|---|---|---|
| Čierna | 0, 0, 0 | #000000 |
| Biela | 255, 255, 255 | #FFFFFF |
| Červená | 255, 0, 0 | #FF0000 |
| Zelená | 0, 255, 0 | #00FF00 |
| Modrá | 0, 0, 255 | #0000FF |
| Žltá | 255, 255, 0 | #FFFF00 |
| Oranžová | 255, 165, 0 | #FFA500 |
| Šedá | 128, 128, 128 | #808080 |
Ako používať prevodník z RGB na HEX
- Zadajte hodnoty červenej, zelenej a modrej farby alebo kliknite na vzorku a použite nástroj na výber farieb.
- Alebo vložte hexadecimálny kód do poľa „Hex“, ak chcete postupovať opačným spôsobom.
- Prečítajte si kódy HEX, RGB a HSL a skontrolujte kontrastný pomer a najvhodnejšiu farbu textu.
- Kliknite na tlačidlo „Kopírovať“ vedľa požadovaného formátu.
Jednoduché tipy na prácu s farbami
- Aby bol text čitateľný, snažte sa dosiahnuť kontrastný pomer aspoň 4,5 : 1 v prípade bežného textu a 3 : 1 v prípade veľkého textu.
- Pri hexadecimálnych kódoch sa nerozlišujú veľké a malé písmená, takže #1f3a5f a #1F3A5F sú rovnaké farby.
- V CSS je potrebný znak # na začiatku, tu je však voliteľný. Kódy môžete vkladať s ním aj bez neho.
- Obrazovky a tlačiarne zobrazujú farby odlišne, preto sa môže stať, že vytlačená farba nebude zodpovedať tomu, čo vidíte na obrazovke.
Obmedzenia a ochrana súkromia
Ochrana osobných údajov
Farby sa prevádzajú priamo vo vašom prehliadači. Na náš server sa nič neodosiela ani neukladá. Vo vašom zariadení sa zapamätá iba voľba malých písmen.
Obmedzenia
Tento nástroj pracuje so štandardnými 8-bitovými farbami sRGB v rozsahu od 0 do 255 na kanál. Nepodporuje priehľadnosť (RGBA ani 8-miestne hexadecimálne hodnoty), CMYK pre tlač ani farebné priestory so širokým farebným rozsahom.
Často kladené otázky
Často kladené otázky k prevodníku RGB na HEX
Ako prevediem RGB na HEX?
Zadajte hodnoty červenej, zelenej a modrej farby, každú v rozmedzí od 0 do 255. Nástroj premení každé číslo na dve číslice v šestnástkovej sústave a spojí ich, takže z čísel 31, 58, 95 vznikne #1F3A5F.
Ako prevediem HEX na RGB?
Vložte hexadecimálny kód do poľa „Hex“. Tri hodnoty RGB sa vyplnia naraz. Napríklad #FF8800 zodpovedá hodnotám 255, 136, 0.
Musí byť v hexadecimálnom kóde znak #?
Nie. Môžete to napísať s znakom # aj bez neho a fungujú aj skrátené kódy, ako napríklad #FA0. Výsledok vždy obsahuje znak #, takže je pripravený na použitie v CSS.
Čo znamenajú tie tri hodnoty RGB?
Ide o hodnoty intenzity červeného, zeleného a modrého svetla v rozmedzí od 0 (žiadne) do 255 (plná intenzita). Hodnota 0, 0, 0 znamená čiernu farbu a 255, 255, 255 znamená bielu farbu.
Na čo slúži hodnota HSL?
HSL popisuje farbu pomocou odtieňa, sýtosti a jasu. Často je jednoduchšie nastaviť tieto parametre ručne, napríklad ak chcete farbu trochu zosvetliť, a funguje to priamo v CSS.
Čo mi vypovedá kontrastný pomer?
Ukazuje, ako dobre vyniká čierny alebo biely text na danej farbe. Pomer 4,5 : 1 alebo vyšší je bežným minimom pre bežný text podľa usmernení o prístupnosti WCAG.
Môžem použiť priehľadnosť?
Tu nie. Tento nástroj podporuje iba nepriehľadné farby bez alfa kanála. Ak chcete dosiahnuť priehľadnosť, pridajte hodnotu alfa sami do vlastnosti rgba() vo vašom CSS.
Ukladajú sa moje údaje alebo sa niekam odosielajú?
Nie. Prevod prebieha vo vašom prehliadači a žiadne údaje neopúšťajú vaše zariadenie. Na budúce sa zapamätá len váš výber malých písmen.
Od ľudí, ktorí tento nástroj používajú
Recenzie
Načítavanie recenzií…
Pokračuj
Ďalšie nástroje v krabici
Na domovskej stránke nájdete desiatky ďalších bezplatných nástrojov, ktoré nevyžadujú API kľúč.
Generátor UUID
Hromadne vytvorte náhodné UUID typu v4, v7 a v5.
Otvoriť nástrojNástroj na odstránenie medzier
Odstráňte nadbytočné medzery, tabulatúry a prázdne riadky.
Otvoriť nástrojPrevodník jednotiek
Prepočítavajte dĺžku, hmotnosť, rýchlosť a ďalšie veličiny.
Otvoriť nástrojPrevodník rímskych číslic
Prevádzajte čísla na rímske číslice a naopak.
Otvoriť nástroj