PartPriced Tools

Colours · gratis, i webbläsaren

Kontrollera färgkontrast mot WCAG

Grå text på vitt ser elegant ut tills ingen kan läsa den. Skriv in de två färgerna så visar Colours WCAG-förhållandet, vilka nivåer som klaras och den närmaste textfärg som klarar dem.

Kontrollera kontrasten

Så gör du

  1. Rulla till Kontrastkontroll (WCAG 2) och skriv in textfärgen och bakgrundsfärgen som HEX, RGB, HSL eller OKLCH.
  2. Läs av förhållandet och de fem resultaten: AA och AAA för normal text, AA och AAA för stor text, och UI-delar och grafik.
  3. Titta på exemplet: stor text och ett stycke i dina två färger.
  4. Om AA för normal text inte klaras klickar du på Justera textfärgen: textfärgen behåller sin nyans och blir precis så ljus eller mörk att den klarar kravet.
  5. Klicka på Byt plats för att kontrollera färgerna åt andra hållet.

Dina filer stannar på den här enheten: Colours körs i webbläsaren, utan uppladdning, utan konto och utan vattenstämpel.

Frågor

Vilka förhållanden kräver WCAG?

Nivå AA kräver 4.5:1 för normal text och 3:1 för stor text (24 px, eller 18.66 px fetstil) och för UI-delar och grafik. Nivå AAA kräver 7:1 och 4.5:1.

Varför visas 4.47 och inte 4.48?

Förhållandet avrundas nedåt, som WebAIM:s kontrollverktyg visar det, så ett färgpar på 4.499 visas aldrig som godkänt för 4.5.

Kan jag kontrollera en färg från skärmen?

I Chrome och Edge hämtar Hämta från skärmen vilken pixel som helst på skärmen. Använd den sedan som textfärg eller bakgrund från panelen.

Laddas något upp?

Nej. Färgerna kontrolleras av sidan i din webbläsare och inget skickas någonstans.

Mer med Colours

Liknande appar