Farvekontrastværktøj

Hjælper designere og udviklere med at verificere WCAG-kompatibel farvekontrast mellem forgrunds- og baggrundsfarver til webtilgængelighed.

Request Feature / Support
8,720+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

Om dette værktøj

Dette værktøj beregner farvekontrastforholdet mellem to indgangsfarver i henhold til WCAG-formlerne. Det accepterer forgrunds- og baggrundsfarver i hex- eller rgb-formater og returnerer et numerisk kontrastforhold samt AA- og AAA- anvendelighed.
Processen analyserer tekstinddataene, konverterer dem til sRGB, beregner den relative luminans for hver farve og anvender derefter WCAG-kontrastformlen. Beregningen bruger L = 0,2126R + 0,7152G + 0,0722B efter linearisering af sRGB-værdier og Kontrast = (L1+0,05)/(L2+0,05) med L1 ≥ L2.
Hvem der profiterer: frontend-udviklere, UI/UX-designere, QA-teams og produktteams, der udfører tilgængelighedsrevisioner. Anvendelsesområder inkluderer tekst over billeder, knapper mod forskellige baggrunde, tematisk tilpasning og responsive paletter i lys og mørk tilstand.
Unik værdi: understøtter flere inputformater, giver præcise numeriske resultater og angiver klart overensstemmelse for standard- og stor tekst. Valgfri funktioner omfatter automatiseret vejledning til justering af farvepar, eksportklare resultater til designhandover og maskinlæsbare udskrifter til automatiseringspipelines.

Sådan bruges

  1. Indtast inputs: forgrunds- og baggrundsfarve i hex eller rgb.
  2. Eventuelt angiv tekststørrelse i px for normal vs stor tekst.
  3. Vælg tilgængelighedstilstand (AA eller AAA).
  4. Kør beregningen og gennemgå resultaterne.
  5. Juster farverne for at nå ønskede tærskler og test igen.
How to use color tool windows

Frequently Asked Questions

Find hurtige svar

Hvilke farveformater understøttes?
Værktøjet accepterer hex-farver (#RRGGBB eller #RGB) og rgb(a)-værdier. Inddataene normaliseres til sRGB-farverummet til beregningen. Navngivne farver garanteres ikke i alle miljøer.
Hvordan beregnes kontrastforholdet?
Inddata analyseres og konverteres til linearisede sRGB-værdier. Den relative luminans L beregnes som L = 0,2126R + 0,7152G + 0,0722B. Kontrastforholdet er (L1 + 0,05) / (L2 + 0,05) med L1 ≥ L2, i henhold til WCAG-formler.
Hvordan skal resultaterne fortolkes?
Værktøjet returnerer kontrastforholdet samt booleans passes_AA og passes_AAA. For normaltekst kræver AA mindst 4,5:1 og AAA 7:1. For stor tekst kræver AA 3:1 og AAA 4,5:1.
Inkluderer enhedssimuleringer eller farverums-simulationer?
Værktøjet bruger som standard sRGB og simulerer ikke enhedsspecifik visning eller perceptuelle forskelle mellem skærme. Fokus er WCAG-tilsigtet kontrast for webindhold.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Spotify til MP3-konverter

Konverterer lokalt leverede lydefiler til MP3, muliggør offline-lytning og tvær-enheds-kompatibilite...

Color & Design Tools

Vejafstandscalculator

Et vejafstandscalculator til rejsende, logistikplanlæggere og chauffører til hurtigt at estimere afs...

Color & Design Tools

Aldersberegner

Beregn hurtigt en persons alder baseret på fødselsdato med vores gratis online calculator, egnet til...

Color & Design Tools

Valutaomregner

Omregn hurtigt beløb mellem forskellige valutaer med vores gratis online valutakonverterer, ideel ti...

Din feedback betyder noget

Hjælp os med at forbedre