WCAG-kontrastkontroll
Kontrollera om färgkombinationen mellan text och bakgrund uppfyller tillgänglighetsniväerna AA och AAA.
Hur man kontrollerar kontrasten mellan två färger
Välj text- och bakgrundsfärg
Skriv HEX-koder eller använd de visuella färgväljarna för båda färgerna.
Kontrollera kontrastkvoten
Du ser det beräknade förhållandet direkt tillsammans med en förhandsgranskning av texten på den valda bakgrunden.
Kontrollera om det uppfyller WCAG AA eller AAA
Verktyget visar om kombinationen är lämplig för normal text och stor text på varje nivå.
Vanliga frågor om färgkontrast
En bra kontrast mellan text och bakgrund är nödvändig för att alla ska kunna läsa ditt innehål, inklusive personer med nedsatt syn. PDFDocks beräknar det exakta förhållandet enligt WCAG-standarden.
Vad betyder AA och AAA?
+
Det är två överensstämmelsenivåer enligt WCAG-riktlinjerna för tillgänglighet: AA är det rekommenderade minimumet och AAA är den mest krävande nivån.
Vilket kontrastförhållande behöver jag?
+
För normal text rekommenderas ett minimum på 4,5:1 (AA) eller 7:1 (AAA); för stor text 3:1 (AA) eller 4,5:1 (AAA).
Varför är kontrast viktigt?
+
Otillräcklig kontrast gör det svårt att läsa, särskilt för personer med nedsatt syn eller på skärmar med mycket omgivande ljus.
Behöver jag installera något program?
+
Nej, det behövs ingen installation. Det fungerar direkt från webbläsaren.
Är det gratis?
+
Ja, det här verktyget är helt gratis.
Fungerar det för att granska en hela webbplats design?
+
Det fungerar för att kontrollera specifika kombinationer; för att granska en helt webbplats behöver du granska varje text- och bakgrundskombination du använder.
Färger
Färgkonverterare (HEX, RGB, HSL, CMYK)
Konvertera färger mellan HEX, RGB, HSL och CMYK direkt, med liveförhandsvisning och närmaste färgnamn.
Färgpalettgenerator
Skapa harmoniska färgpaletter med 5 färger (komplementära, analoga, triadiska eller monokromatiska) från en basfärg.
CSS-gradientgenerator
Skapa linjära eller radiella gradienter med upp till 4 färger och kopiera den färdiga CSS-koden.
Slumpmässig färg
Generera en slumpmässig färg med ett klick och upptäck dess namn, HEX/RGB/HSL-kod och liknande färger.
Färgväljare (pipett)
Välj vilken färg som helst från din skärm med webbläsarens pipettverktyg, eller använd den klassiska färgväljaren.
Färgblindhetssimulator
Ladda upp en bild och se hur personer med protanopi, deuteranopi eller tritanopi skulle uppfatta den.
Mesh Gradient Generator
Skapa bakgrunder med mesh-gradienter (mjukt utfärgade färgfläckar) och ladda ner dem som PNG eller kopiera CSS-koden.
Generator för Nyanser och Skuggor
Generera automatiskt de ljusaste nyanser och mörkaste skuggorna av valfri färg, tillsammans med dess HEX-kod.
Färgblandare
Blanda två färger och upptäck mellantonerna steg för steg med deras HEX-kod.
Färghjul (Harmonier)
Välj en färg på hjulet och upptäck dess harmoniska kombinationer: komplementära, analoga, triadiska och mer.
Färgpalettextraktor från Bild
Ladda upp en bild och extrahera automatiskt dess dominanta färger i en palett, med HEX-kod för var och en.
Genomsnittlig Färg för en Bild
Ladda upp en bild och beräkna omedelbar dess genomsnittliga färg, med dess HEX-, RGB- och HSL-kod.
Utforska färger efter familj
Över 469 namngivna färger, med deras HEX-, RGB-, HSL- och CMYK-koder, organiserade i 12 färgtonfamiljer.
