03
CONTRAST
WCAG AA & AAA
Koppel elk paar kleuren. Krijg het verhouding. Passeren / mislukken voor lichaamstekst en grote tekst.
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.
Typ #FF5200 en zie RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) en de dichtstbijzijnde CSS-naamkleur. Kopieer elk formaat met één klik. Bewerk elk veld, de andere blijven gesynchroniseerd.
Complementair, analoge, triade, gesplitst complementair, monochroom, tetradisch. Kies een basis, krijg een bruikbare palet in vijf tinten.
Koppel elk paar kleuren. Krijg het verhouding. Passeren / mislukken voor lichaamstekst en grote tekst.
EyeDropper API op Chrome / Edge. Steek een willekeurig pixel overal op het scherm.
Drie patronen domineren de markt voor kleurenkeuzes. Eerste: advertentieomhulde sites die alles overtreffen door oud te zijn, vol banners en nauwelijks interactief — HTMLColorCodes is het canonieke voorbeeld. Tweede: VC-gefinancierde SaaS zoals Coolors die exports, gradientgeneratoren en paletbesparing achter een abonnement van €3-€5/maand verbergen, dat je niet nodig hebt voor een functie die de browser al inbouwt. Derde: bedrijfsgeschoolde Adobe Color die een Creative Cloud-account vereist voor wat eigenlijk honderd regels code zou moeten zijn. Morph is de lokale-eerste, geen-account, alle formaten-inclusieve versie. De browser heeft al een EyeDropper API en een kleur invoer; Morph omhult ze in een gebruiksvriendelijke interface en voegt de wiskunde (CMYK, HSL, contrast, palettheorie) toe die elke ontwerper nodig heeft.
Coolors en Adobe Color hebben community-paletbibliotheken — miljoenen door gebruikers opgeslagen paletten die u kunt doorzoeken en hergebruiken. Als uw werkstroom centraal staat rond community-gecurateerde inspiratie, is Morphs standalonekiezer niet de juiste oppervlakte. Morph is de wiskunde + de conversies + de paletgenerator + contrastcontrole — de deterministische, reproduceerbare delen. Het 'doorzoeken van een miljoen gebruikerspaletten'-deel is een ander product, en Coolors heeft een sterke.
Ja. Voer elke HEX-kleurcode in en Morph toont onmiddellijk de RGB-, HSL- en CMYK-equivalenten. Werkt in beide richtingen — typ in elk veld en de andere velden synchroniseren.
Ja. Morph berekent WCAG-contrastverhoudingen tussen elk tweetal kleuren en vertelt je of de combinatie voldoet aan de AA- of AAA-toegankelijkheidsstandaarden voor lichaamstekst en grote tekst.
Ja. Selecteer een basiskleur en Morph genereert complementaire, analoge, triadische, gesplitste complementaire, monochromatische en tetradische paletten op basis van kleurentheorie.
Ja op Chrome en Edge — Morph gebruikt de browser-API EyeDropper. Klik op de oogdop-knop, houd de muis boven een willekeurig punt op het scherm, klik om te kiezen. Safari en Firefox bieden deze API nog niet aan; in die browsers gebruikt Morph een fallback om te kiezen binnen het selectieoppervlak.
Opgeslagen paletten worden opgeslagen in localStorage op uw apparaat. Ze worden nooit gesynchroniseerd met een Morph-server. Wis de browseropslag, ze zijn verdwenen — en Morph heeft geen kopie.