Lägg till dina färger. Ge dem gärna egna namn så blir de enklare att välja i förhandsvisningen. Du kan redigera namnet senare genom att klicka på det.
Välj stämning, färgton och ton, eller låt verktyget välja åt dig.
Spara designer du gillar så byggs ett flöde här nedanför. Du kan spara upp till tjugo och jämföra dem som ett Instagram-flöde. Håll muspekaren över en ruta för att dra och ändra ordning eller ta bort den, och klicka på den för att ladda tillbaka designen i förhandsvisningen.
Ladda upp en bild så placerar verktyget provpunkter med så stor färgskillnad som möjligt. Välj mellan 2 och 12 färger, dra markeringarna i bilden och lägg till färgerna i paletten när du är nöjd.
Dra en markering för att flytta provpunkten. Färgen och hexkoden uppdateras direkt.
Varje cell visar text i radens färg på kolumnens bakgrund. Förklaringar till färgrutorna och kontrastvärdena hittar du under matrisen.
Mäter kontrast som ett förhållande mellan 1:1 och 21:1.
Det här är kravet i lagstiftning idag, t.ex. tillgänglighetsdirektivet.
APCA mäter upplevd kontrast och tar hänsyn till textstorlek och vikt. Resultatet är ett Lc-värde (Lightness contrast), 0 till 106.
APCA är ännu utkast men visar var standarden är på väg. Bra att designa med redan nu.
Ett extra läge för dig som inte har tillgänglighet som krav men ändå vill att det ska synas i de allra flesta fall, med mjukare och mer ton-i-ton-färg.
Gränsen sänks med textstorleken, precis som WCAG själv gör (4.5 → 3 för stor text) — större bokstäver är läsbara vid lägre kontrast:
Uppfyller inte tillgänglighetslagen. Du tappar bland annat personer med nedsatt syn, i starkt solljus eller med dålig skärm — och färgton hjälper inte i gråskala. Använd det som ett medvetet estetiskt val, inte när tillgänglighet är ett krav.
En vacker färg kan ändå vara svår att läsa. Använd verktyget så här: