Wybór Koloru
Wybieraj kolory, wyodrębniaj z obrazów, twórz palety i sprawdzaj kontrast. Obsługuje HEX, RGB, HSL, HSV i CMYK.
Wyodrębnianie Kolorów z Obrazu
Upuść obraz lub kliknij, aby przesłać
Dominujące Kolory
Dodaj kolory do swojej palety
Przykładowy tekst w normalnym rozmiarze (14px)
Przykładowy Duży Tekst
Współczynnik Kontrastu
21:1
AA Normalny
Zaliczone
AA Duży
Zaliczone
AAA Normalny
Zaliczone
AAA Duży
Zaliczone
90°
Kiedy Używać Tego Wyboru Koloru
Nasze darmowe narzędzie do wyboru kolorów pomaga projektantom i deweloperom pracować z kolorami:
-
Projektowanie Stron
Wybierz idealne kolory dla stron internetowych i sprawdź współczynniki kontrastu dla zgodności z dostępnością.
-
Tożsamość Marki
Twórz harmonijne palety kolorów dla logo, materiałów marketingowych i wytycznych marki.
-
Dopasowywanie Kolorów Obrazu
Wyodrębniaj kolory ze zdjęć, aby dopasować elementy projektu do istniejących obrazów.
-
Rozwój CSS
Generuj gradienty CSS i eksportuj palety kolorów jako właściwości niestandardowe CSS.
-
Testowanie Dostępności
Weryfikuj, czy kombinacje kolorów tekstu i tła spełniają standardy WCAG AA i AAA.
Jak używać Wyboru Koloru
Pierwsze Kroki
- Kliknij i przeciągnij w kwadracie koloru, aby wybrać nasycenie i jasność
- Użyj suwaka odcienia, aby zmienić kolor bazowy
- W razie potrzeby dostosuj krycie suwakiem alfa
- Skopiuj dowolny format koloru, klikając przycisk kopiowania obok niego
Funkcje
- Interaktywny wybór koloru z podglądem w czasie rzeczywistym
- Wyodrębnianie kolorów z dowolnego obrazu za pomocą pipety
- Automatyczne generowanie harmonijnych kombinacji kolorów
- Tworzenie własnych palet i eksport jako CSS lub JSON
- Sprawdzanie kontrastu kolorów WCAG dla dostępności
- Tworzenie gradientów CSS za pomocą edytora wizualnego
Skróty Klawiszowe
- Ctrl+C: Kopiuj aktualny kolor HEX
- Ctrl+V: Wklej i zastosuj kolor ze schowka
- 1-4: Przełączaj między kartami funkcji
Wskazówki
- Prześlij obraz, aby automatycznie wyodrębnić dominujące kolory
- Użyj sprawdzania kontrastu, aby zapewnić czytelność tekstu
- Eksportuj paletę do zmiennych CSS dla łatwego użycia w projektach