Wybór Koloru
Wybieraj kolory, wyodrębniaj je z lokalnych obrazów, twórz palety, sprawdzaj kontrast i buduj gradienty CSS. Obsługuje HEX, RGB(A), HSL(A), 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.
FAQ próbnika kolorów
- Jak korzystać z próbnika kolorów?
- Wybierz kolor za pomocą kwadratu i suwaków albo wpisz bezpośrednio obsługiwany format. Używaj kart harmonii, własnej palety, kontrastu i gradientów CSS.
- Jakie formaty kolorów są obsługiwane?
- Próbnik akceptuje dane wejściowe HEX, RGB(A), HSL(A), HSV i CMYK oraz utrzymuje te pola zsynchronizowane.
- Czy próbnik kolorów zapisuje lub wysyła moje dane?
- Podstawowa praca z kolorami pozostaje w Twojej przeglądarce. Kolory własnej palety są zapisywane w lokalnej pamięci tej przeglądarki do czasu ich wyczyszczenia, przesłane obrazy są przetwarzane lokalnie, a na produkcyjnych stronach AppDoesIt mogą nadal ładować się standardowe analityki serwisu.
- Dlaczego widzę błąd albo nic się nie zmienia?
- Sprawdź, czy wartość jest poprawnym kolorem HEX, RGB(A), HSL(A), HSV lub CMYK. Wyodrębnianie z obrazu wymaga też obsługiwanego pliku, a pola kontrastu oczekują kolorów HEX.
- Czy mogę kopiować albo eksportować kolory?
- Tak. Możesz kopiować pojedyncze wartości formatów, eksportować własną paletę jako CSS lub JSON oraz kopiować wygenerowany CSS gradientu.
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
- Kopiuj dowolny format, zapisuj aktualny kolor w palecie albo przełączaj karty kontrastu i gradientów
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/Cmd + C: Skopiuj aktualny kolor HEX
- Ctrl/Cmd + V: Wklej i zastosuj kolor ze schowka
- 1-4: Przełączaj między kartami funkcji
Wskazówki
- Prześlij obraz, aby lokalnie w przeglądarce wyodrębnić dominujące kolory.
- Użyj sprawdzania kontrastu, aby zapewnić czytelność tekstu
- Twoja własna paleta jest zapisywana w tej przeglądarce, dopóki jej nie wyczyścisz.
Prywatność i przechowywanie
- Wybór koloru, konwersja formatów, sprawdzanie kontrastu i podglądy gradientów działają w Twojej przeglądarce.
- Kolory z własnej palety są zapisywane w lokalnej pamięci tej przeglądarki na tym urządzeniu, dopóki ich nie usuniesz.
- Przesłane obrazy są przetwarzane lokalnie w przeglądarce, a dostęp do schowka jest używany tylko wtedy, gdy uruchomisz kopiowanie lub wklejanie.
- Na produkcyjnych stronach AppDoesIt mogą nadal ładować się standardowe analityki serwisu.