03
KONTRAST
WCAG AA & AAA
Połącz dowolne dwa kolory. Uzyskaj stosunek. Przejście / nieprzejście dla tekstu ciała i dużego tekstu.
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
Wpisz #FF5200 i zobacz RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) oraz najbliższą nazwę koloru CSS. Kopiuj dowolny format jednym kliknięciem. Edytuj dowolne pole, pozostałe pozostają zsynchronizowane.
Dopełniające, analogiczne, tryady, rozdzielone dopełniające, monochromatyczne, tetradyczne. Wybierz podstawę i otrzymaj użyteczny paletę w pięciu odcieniach.
Połącz dowolne dwa kolory. Uzyskaj stosunek. Przejście / nieprzejście dla tekstu ciała i dużego tekstu.
API EyeDropper w Chrome / Edge. Próbka dowolnego piksela gdziekolwiek na ekranie.
Trzy wzory dominują rynek wyboru kolorów. Pierwszy: witryny z reklamami, które wygrywają w rankingu dzięki starości, gęstym banerom reklamowym i minimalnej interaktywności — HTMLColorCodes jest klasycznym przykładem. Drugi: SaaS finansowany przez VC, takie jak Coolors, które blokują eksport, generatory gradientów i zapisywanie palet za pomocą subskrypcji 3-5 USD/mc, której nie potrzebujesz dla funkcji, którą przeglądarka oferuje domyślnie. Trzeci: przedsiębiorstwo Adobe Color, które wymaga konta Creative Cloud dla tego, co powinno być setką linii kodu. Morph to wersja lokalna, bez konta, z wszystkimi formatami. Przeglądarka ma już API EyeDropper i pole koloru; Morph je łączy w użyteczny interfejs i dodaje matematykę (CMYK, HSL, kontrast, teoria palet), której potrzebuje każdy projektant.
Coolors i Adobe Color mają biblioteki palet wspólnotowe — miliony palet zapisanych przez użytkowników, które możesz przeglądać i remixować. Jeśli Twój przepływ pracy opiera się na inspiracji pochodzącej z palet wybranych przez społeczność, bezpłatny wybieracz w Morph nie jest odpowiednim narzędziem. Morph to matematyka + konwersje + generator palet + sprawdzanie kontrastu — części deterministyczne i powtarzalne. Część "przeglądania miliona palet stworzonych przez użytkowników" to inny produkt, a Coolors oferuje silną opcję.
Tak. Wpisz dowolny kod koloru HEX i Morph natychmiast wyświetli odpowiedniki RGB, HSL i CMYK. Działa w obu kierunkach — wpisz do dowolnego pola, a pozostałe będą synchronizowane.
Tak. Morph oblicza stosunki kontrastu WCAG między dowolnymi dwoma kolorami i informuje Cię, czy kombinacja spełnia standardy dostępności AA lub AAA dla tekstu podstawowego i dużego tekstu.
Tak. Wybierz kolor podstawowy, a Morph wygeneruje komplementarne, analogiczne, tryadykowe, rozdzielone komplementarne, monochromatyczne i tetradyczne palety na podstawie teorii kolorów.
Tak w Chrome i Edge — Morph wywołuje interfejs API EyeDropper przeglądarki. Kliknij przycisk kroplomierza, najedź na dowolny obszar ekranu, kliknij, aby wybrać kolor. Safari i Firefox jeszcze nie udostępniają tego interfejsu API; w tych przeglądarkach Morph przełącza się na wybieranie z powierzchni wyboru.
Zapisane palety przechowywane są w localStorage na Twoim urządzeniu. Nigdy nie są synchronizowane z serwerem Morph. Wyczyść pamięć przeglądarki, zostaną usunięte — i Morph nie posiada kopii.