Softonic

Konwerter kodów kolorów

Krok 1 / 2
Dalej

Wklej kolor w formacie hex (#ff6600 lub #f60), rgb(255, 102, 0), rozdzielony przecinkami 255, 102, 0 albo hsl(24, 100%, 50%), a konwerter natychmiast zwróci go w dwóch pozostałych formatach, z podglądem próbki na żywo i kopiowaniem każdego formatu jednym kliknięciem.

Jak działa konwersja kodów kolorów

  1. 1

    Wpisz kolor w obsługiwanym formacie

    Hex (#abc, #abcdef), rgb(r, g, b), rozdzielony przecinkami r, g, b albo hsl(h, s%, l%).

  2. 2

    Parsowanie do reprezentacji wewnętrznej

    Narzędzie wewnętrznie konwertuje wartość do RGB, a następnie wyprowadza z niej odpowiedniki hex i HSL.

  3. 3

    Wyświetlenie wszystkich formatów

    Odpowiadające sobie ciągi hex, RGB i HSL pokazywane są obok siebie.

  4. 4

    Próbka podglądu na żywo

    Pokazuje kolor wynikowy na pierwszy rzut oka, abyś potwierdził konwersję przed skopiowaniem.

Obsługiwane formaty

Format Przykład Zastosowanie
Hex 3 #F66 Skrót; tylko dla kolorów z powtórzonymi cyframi
Hex 6 #FF6B6B Domyślny dla CSS i grafiki
RGB rgb(255, 107, 107) CSS, JS, oprogramowanie graficzne
Rozdzielony przecinkami 255, 107, 107 To samo co RGB bez składni funkcji
HSL hsl(0, 100%, 71%) Łatwiej operować barwą/nasyceniem/jasnością

Kiedy którego użyć

  • Hex do statycznego CSS i przekazania projektu.
  • RGB, gdy przekazujesz kanały do JavaScriptu lub oprogramowania graficznego.
  • HSL przy regulowaniu jasności lub nasycenia, model myślowy jest czytelniejszy niż przy RGB.

Inne formaty, takie jak HSV, CMYK, LAB, LCH i OKLCH, istnieją w narzędziach graficznych. Opisują ten sam kolor na różne sposoby, ale ten konwerter skupia się na trzech podstawowych formatach internetowych powyżej.

Dokładność

  • Konwersje między hex, RGB i HSL są dokładne: hex i RGB to ten sam model koloru, a HSL wyprowadza się z RGB standardowym wzorem.
  • Wartości HSL są zaokrąglane do liczb całkowitych, więc konwersja tam i z powrotem może przesunąć ostatnią cyfrę. Widoczny kolor jest identyczny; używaj hex, gdy potrzebujesz kopii dokładnej co do bitu.

Najczęściej zadawane pytania

Hex albo rgb() dla szerokiej zgodności. hsl(), gdy zależy ci na czytelności. Nowoczesne przeglądarki obsługują też oklch() i inne formaty, ale hex pozostaje najbezpieczniejszym wyborem domyślnym.

Nie, konwerter przyjmuje tylko kolory nieprzezroczyste: hex z 3 lub 6 cyframi, rgb() i hsl() bez kanału alfa. Używaj rgba() lub 8-cyfrowego hex bezpośrednio w swoim CSS.

Nie, konwerter przyjmuje tylko trzy formaty liczbowe. Najpierw zamień nazwany kolor na hex za pomocą próbnika lub wyszukiwarki online.

HSL jest pokazywany z całkowitymi wartościami barwy, nasycenia i jasności, więc konwersja tam i z powrotem może przesunąć wartość o jeden punkt. Widoczny kolor jest identyczny; używaj hex, gdy potrzebujesz dokładnej kopii.

Powiązane narzędzia

Tabela ASCII

Pełna tabela ASCII od 0 do 127 z zapisem dziesiętnym, szesnastkowym, ósemkowym i binarnym oraz notacją numerycznych odwołań HTML, w tym kodami sterującymi NUL, LF i DEL.

Referencja znaków HTML

Przeszukiwalna lista encji HTML wraz z ich kodami nazwanymi i liczbowymi oraz kopiowaniem jednym kliknięciem specjalnych znaków i symboli.

Generator losowych liter

Generuj losowe litery A-Z. Wybierz liczbę, wielkie litery, małe litery lub zapis mieszany i użyj wyniku w grach, zadaniach lub lekcjach.

Konwerter ASCII na binarny

Konwertuj dowolny ciąg ASCII na reprezentację binarną. Każdy znak staje się ośmioma bitami, rozdzielonymi spacjami, gotowymi do wklejenia w ślad protokołu albo zadanie domowe.

Próbnik kolorów HEX

Wybierz lub wpisz kolor HEX i sprawdź RGB, HSL, przybliżone CMYK, luminancję względną oraz kontrast z bielą i czernią.

Konwerter binarnego na ósemkowy

Konwertuj binarny na ósemkowy, grupując bity po trzy. Przydatne przy uprawnieniach Unix, starszych systemach i kompaktowym zapisie liczb.