Prevodník akceptuje každý CSS zápis hex farby: 6-miestny #ff5733, 3-miestnu skratku #f53, a tiež 4- a 8-miestne formy s alfa kanálom, s mriežkou alebo bez nej. Zobrazí reťazec rgb() alebo rgba(), jednotlivé hodnoty kanálov aj rozpis po kanáloch - a riadok RGB na HEX pre opačný smer. Všetko beží vo vašom prehliadači - žiadne nahrávanie, žiadny účet, žiadne limity.
HEX na RGB prevodník
Beží celý vo vašom prehliadači - bez nahrávania, bez registrácie.
CSS
rgb(255, 87, 51)Hodnoty RGB
255, 87, 51Ako sa prevádza
Červená
FF255Zelená
5787Modrá
3351Potrebujete opačný smer? RGB na HEX
#ff5733Ako previesť HEX na RGB?
Hex farba sú tri páry hexadecimálnych číslic, jeden pár na kanál. Každý pár prevediete na desiatkové číslo od 0 do 255: v #ff5733 je ff rovné 255 (červená), 57 je 87 (zelená) a 33 je 51 (modrá), takže hodnota RGB je rgb(255, 87, 51). Tento prevodník to robí okamžite, ako píšete.
Ako na to
- 1Zadajte hex kód. Napíšte alebo vložte hex farbu ako #ff5733 (alebo #f53), alebo ju vyberte pomocou vzorkovníka farieb. Mriežka # je nepovinná.
- 2Prečítajte hodnotu RGB. Reťazec rgb(), samotné hodnoty 0-255 a živý náhľad farby sa aktualizujú, ako píšete, spolu s rozpisom po kanáloch, ktorý ukazuje, ako sa každý hex pár prevádza.
- 3Skopírujte formát, ktorý potrebujete. Kliknite na Kopírovať vedľa reťazca rgb() alebo pri surových hodnotách. Potrebujete opačný smer? Zadajte červenú, zelenú a modrú nižšie a získate hex kód späť.
Pre koho je nástroj určený
- Front-end vývojári, ktorí menia hex kód zo štýlového manuálu na rgb(), aby mohli pridať priehľadnosť pomocou rgba().
- Dizajnéri, ktorí prenášajú farby značky medzi nástrojmi, ktoré chcú hex (CSS, Figma), a nástrojmi, ktoré chcú hodnoty 0-255 (niektoré tlačové a video aplikácie).
- E-mailové a marketingové tímy, ktoré zosúlaďujú farby kampane medzi editormi, ktoré akceptujú len jeden zápis.
- Vývojári hier a aplikácií, ktorí posielajú hodnoty kanálov 0-255 do enginov a SDK, ktoré neparsujú hex reťazce.
Časté otázky
Je tento prevodník HEX na RGB zadarmo?
Áno - je 100 % zadarmo, bez registrácie a bez limitov. Beží celý vo vašom prehliadači.
Nahrávajú sa moje farby niekam?
Nie. Prevod je bežný JavaScript, ktorý beží vo vašom zariadení - nič sa neposiela na server a po načítaní stránky funguje aj offline.
Aký je vzorec na prevod HEX na RGB?
Rozdeľte hex kód na tri páry a každý pár prevedťe zo základu 16 na desiatkový: prvú číslicu vynásobte 16 a pripočítajte druhú (a=10 ... f=15). V #ff5733 platí ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Podporuje 3-miestnu skratku ako #f53?
Áno. V CSS skratke sa každá číslica zdvojí, takže #f53 sa rozšíri na #ff5533 a prevedie sa na rgb(255, 85, 51). 4-miestna forma funguje rovnako, posledná číslica je alfa.
Ako prevádza HEX na RGBA?
8-miestny hex kód nesie alfu v poslednom páre. Tento bajt (0-255) sa delí 255, aby vznikla hodnota alfa 0-1, ktorú očakáva rgba(), zaokrúhlená na tri desatinné miesta - takže #ff573380 sa stane rgba(255, 87, 51, 0,502).
Vie previesť RGB späť na HEX?
Áno. Použite riadok RGB na HEX pod výsledkom: zadajte hodnoty červenej, zelenej a modrej od 0 do 255 a okamžite vráti hex kód. Hodnoty mimo rozsahu sa orežú na 0-255.
Prečo potrebujem rgb() namiesto hex?
Hlavne kvôli alfa kanálu a výpočtom: rgba(255, 87, 51, 0,5) urobí farbu priehľadnou a mnohé API, herné enginy a dizajnové špecifikácie očakávajú samostatné čísla kanálov 0-255 namiesto hex reťazca.