Opis
To narzedzie zamienia zapis HEX na wartosci kanalow RGB, ktore mozna wykorzystac w CSS, dokumentacji i opisach komponentow. Dodatkowo normalizuje kolor, wiec skrocone i wielkie zapisy sa interpretowane w ten sam sposob. Przydaje sie wtedy, gdy kolor z projektu, tokenu albo makiety trzeba zapisac w formacie opartym o czerwony, zielony i niebieski kanal. Wynik jest czytelny i latwy do porownania z innymi definicjami koloru podczas wdrazania lub kontroli.
Zastosowania
- Praca nad stylami frontenduPrzeksztalc kolory marki i interfejsu w zapis rgb(...) dla zmiennych CSS, styli komponentow i plikow theme.
- Kontrola przekazania projektuSprawdz, czy kolor z makiety zgadza sie z wartoscia uzyta w kodzie przed wdrozeniem.
- Dokumentacja tokenowZapisz kolor tokenu jednoczesnie w HEX i RGB, aby projektanci i programisci korzystali z jednej definicji.
- Rozszerzanie skroconych zapisowZamien trzyznakowy HEX na pelny zapis RGB podczas pracy ze starszym kodem lub skroconymi paletami.
Jak to dziala
- 1
Wpisz wartosc HEX albo wybierz kolor z selektora.
- 2
Narzedzie rozszerza skrocony HEX, sprawdza poprawnosc i odczytuje kanaly czerwony, zielony oraz niebieski.
- 3
Skopiuj wynik RGB do CSS, dokumentacji lub notatek z wdrozenia.
Przyklady
Cieply kolor akcentu
Wejscie: #FF7A18
Wynik: rgb(255, 122, 24)
Mocny pomarancz do przyciskow, wyróżnien i ilustracji.
Skrocony niebiesko-turkusowy zapis
Wejscie: #0AF
Wynik: rgb(0, 170, 255)
Narzędzie rozszerza skrocony HEX przed konwersja do RGB.
Ciemny neutralny odcien
Wejscie: #1E293B
Wynik: rgb(30, 41, 59)
Przydatny przy zamianie neutralnych kolorow UI na wartosci kanalow.
FAQ
Czy konwerter obsluguje trzyznakowe kody HEX?
Tak. Skrocony zapis, na przykład #0AF, jest najpierw rozwijany do pelnej postaci, a dopiero potem przeliczany na RGB, wiec wynik odpowiada rzeczywistym kanalom koloru.
Co sie stanie, jesli wpisze HEX bez znaku #?
To narzedzie oczekuje standardowego zapisu HEX. Jesli format jest niepelny albo zawiera niedozwolone znaki, nie otrzymasz wiarygodnego wyniku RGB, bo kod trzeba najpierw podac w poprawnej postaci.
Dlaczego RGB wyglada inaczej niz HEX?
To ten sam kolor zapisany w innej notacji. HEX pokazuje wartosc w systemie szesnastkowym, a RGB podaje te same kanaly w zapisie dziesietnym, dlatego liczby wygladaja inaczej, chociaz kolor pozostaje identyczny.
Czy tym narzedziem da sie przeliczyc kolory z przezroczystoscia?
Ten konwerter sluzy do kolorow HEX bez informacji alpha. Jesli kolor zawiera przezroczystosc, potrzebny jest inny zapis, na przyklad RGBA, bo sam RGB nie przenosi wartosci alfa.