Konwerter i Selektor Kolorów

Konwertuj kolory między formatami HEX, RGB, HSL i HSV natychmiast. Wybieraj kolory wizualnie lub wpisuj wartości bezpośrednio. Idealny do projektowania stron, CSS i grafiki.

Wizualny Selektor Kolorów

Podgląd Koloru

HEX

RGB

HSL

HSV

Przykłady CSS

color: #3b82f6;

color: rgb(59, 130, 246);

color: hsl(217, 92%, 60%);

Skopiowano!

Dlaczego używać Konwertera Kolorów?

Obsługa wielu formatów: Konwertuj natychmiast między formatami kolorów HEX, RGB, HSL i HSV. Każdy format ma swoje zastosowanie - HEX dla sieci, RGB dla grafiki, HSL dla projektowania.
Wizualny selektor kolorów: Wybieraj kolory wizualnie za pomocą interaktywnego selektora kolorów. Zobacz podgląd w czasie rzeczywistym i uzyskaj wszystkie wartości formatów jednocześnie.
Wartości gotowe do kopiowania: Wszystkie wartości kolorów są sformatowane do bezpośredniego użycia w CSS, HTML i narzędziach projektowych. Funkcja kopiowania do schowka jednym kliknięciem.

Jak używać Konwertera Kolorów

Użyj wizualnego selektora kolorów, aby wybrać żądany kolor, lub wprowadź wartość koloru w dowolnym formacie (HEX, RGB, HSL lub HSV).
Wszystkie formaty kolorów aktualizują się automatycznie w czasie rzeczywistym podczas zmiany wartości.
Kliknij dowolny przycisk Kopiuj, aby skopiować wartość koloru w preferowanym formacie do schowka do użycia w projektach.

Często Zadawane Pytania

Jaka jest różnica między HEX, RGB i HSL?

HEX używa notacji szesnastkowej (#RRGGBB) i jest najczęściej stosowany w rozwoju stron internetowych. RGB używa wartości czerwony, zielony, niebieski (0-255) i jest używany w grafice cyfrowej. HSL używa odcienia (0-360°), nasycenia i jasności w procentach - jest bardziej intuicyjny dla projektantów, ponieważ odpowiada temu, jak postrzegamy kolory.

Kiedy powinienem używać HSL zamiast RGB lub HEX?

HSL jest idealny, gdy musisz tworzyć odmiany kolorów - dostosowywać jasność dla stanów hover, nasycenie dla wersji stonowanych lub odcień dla schematów kolorów. RGB i HEX są lepsze, gdy masz dokładne specyfikacje kolorów lub potrzebujesz wstecznej kompatybilności.

Czym jest HSV i czym różni się od HSL?

HSV (Odcień, Nasycenie, Wartość) jest podobny do HSL, ale używa 'Wartości' zamiast 'Jasności'. HSV jest często używany w selektorach kolorów i edycji obrazów, podczas gdy HSL jest bardziej powszechny w CSS. Oba reprezentują kolory w bardziej intuicyjny sposób niż RGB.

Czy mogę wklejać wartości kolorów bezpośrednio?

Tak! Wklej dowolny prawidłowy format koloru do pola wprowadzania HEX. Narzędzie automatycznie rozpoznaje HEX (#FF5733 lub FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(10, 100%, 60%)) lub kolory nazwane (czerwony, niebieski itp.).

Jak używać tych kolorów w CSS?

Skopiuj dowolny format i użyj go w swoim CSS. HEX: color: #FF5733; RGB: color: rgb(255, 87, 51); HSL: color: hsl(10, 100%, 60%); Nowoczesne przeglądarki obsługują wszystkie trzy formaty. HSL jest świetny do tworzenia odmian kolorów ze zmiennymi CSS.