Konwerter kolorów

Konwertuj kolory pomiędzy HEX, RGB i HSL za pomocą podglądu na żywo.

Interaktywna przestrzeń roboczaZmiany pozostaną na tym urządzeniu
Kolor HEX, RGB lub HSL
Domyślnie prywatnyTwoje dane wejściowe i pliki są przetwarzane na tym urządzeniu.
Bezpłatne i natychmiastoweNie jest wymagane żadne konto, kolejka ani instalacja oprogramowania.
Gotowy do użyciaKopiuj lub pobieraj wyniki zaraz po ich wygenerowaniu.

Jak używać Konwerter kolorów

Uzyskaj wiarygodny wynik w trzech prostych krokach.

  1. 01

    Wpisz lub wybierz kolor

    Użyj HEX, RGB, HSL lub wizualnego próbnika kolorów.

  2. 02

    Przejrzyj każdy format

    Odpowiednie wartości HEX, RGB i HSL aktualizują się razem.

  3. 03

    Skopiuj to, czego potrzebujesz

    Kliknij dowolny wiersz wyjściowy, aby skopiować go do arkusza stylów lub pliku projektu.

Stworzony do codziennej pracy

Przydatne bez natłoku zajęć

Skoncentrowana kontrola, natychmiastowa informacja zwrotna i brak rozliczeń między Tobą a wynikiem.

Podgląd na żywo

Potwierdź widoczny kolor podczas edycji jego wartości.

Typowe formaty CSS

Płynnie poruszaj się pomiędzy formatami używanymi przez przeglądarki i narzędzia do projektowania.

Kopiowanie jednym kliknięciem

Każdy znormalizowany wynik jest gotowy do wklejenia.

Praktyczny przewodnik

Co jest Konwerter kolorów?

Konwerter kolorów wyraża ten sam widoczny kolor w różnych systemach notacji. HEX jest powszechny w przekazywaniu projektów, RGB odzwierciedla kanały kolorów, a HSL opisuje odcień, nasycenie i jasność.

Zmiana zapisu nie powoduje zmiany zamierzonego koloru. Niewielkie różnice mogą wystąpić, gdy wartości procentowe zostaną zaokrąglone w celu uzyskania czytelnego wyniku.

Praktyczne zastosowania

Kiedy używać tego narzędzia

Typowe sposoby Konwerter kolorów wpasowuje się w realne projekty i codzienne zadania.

1

Tworzenie CSS

Konwertuj projektowe wartości HEX na deklaracje RGB lub HSL.

2

Systemy projektowe

Normalizuj tokeny otrzymane w różnych formatach kolorystycznych.

3

Strojenie motywu

Użyj HSL, aby systematycznie regulować jasność lub nasycenie.

4

Zapewnienie jakości

Sprawdź, czy dwie różnie zapisane wartości reprezentują ten sam kolor.

Pracuj dalej

Powiązane narzędzia

Kontynuuj, korzystając z innego ukierunkowanego narzędzia przeglądarki.

Narzędzie czcionek

Generator czcionek internetowych

Spakuj pliki czcionek za pomocą gotowego do użycia CSS i strony podglądu HTML.

Otwórz narzędzie Narzędzie treści

Generator Lorem Ipsum

Wygeneruj zastępcze akapity, zdania lub słowa do następnego układu.

Otwórz narzędzie Narzędzie tekstowe

Konwerter przypadków

Przekształć tekst w wielkie litery, wielkość liter, camelCase, Snake_case i inne.

Otwórz narzędzie
Formater JSONSformatuj i sprawdź poprawność JSONCSV do JSONKonwertuj dane strukturalneKonwerter Base64Koduj i dekoduj Base64Lorem IpsumWygeneruj kopię zastępcząKonwerter przypadkówZmień wielkość literGenerator hasełTwórz bezpieczne hasłaTekst UnicodeSprawdź znaki UnicodeLicznik słówAnalizuj tekst i słowa kluczoweKontroler różnicPorównaj tekst linia po liniiKoder URLKoduj i dekoduj adresy URLGenerator haszuGeneruj bezpieczne skrótyTester RegexuTestuj wyrażenia regularneGenerator czcionek internetowychUtwórz pakiet czcionek internetowychRozpakowujący TTCWyodrębnij pliki czcionek TTC
Pomocne odpowiedzi

Często zadawane pytania

Szybkie odpowiedzi dot konwerter kolorów i jak działa ta strona.

Czy konwersja HEX na RGB zmienia kolor?

Nie. Obie notacje opisują te same wartości kanałów czerwonego, zielonego i niebieskiego.

Do czego przydatny jest HSL?

Dzięki technologii HSL odcień, intensywność kolorów i jasność można łatwiej regulować niezależnie.

Czy obsługiwane są wartości alfa?

Obecny konwerter koncentruje się na nieprzezroczystych kolorach HEX, RGB i HSL.

Dlaczego niektóre wartości HSL są zaokrąglane?

Wartości procentowe i odcienie są zaokrąglane, aby zapewnić czytelność wyników CSS.