Daily Toolkits

Farvekontrastkontrol

Tjek for-/baggrundskontrast mod WCAG AA og AAA. Se forholdsopdateringen, mens du vælger farver.

Color Contrast Checker

Live

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

  • Kontroller forgrunds-/baggrundskontrast mod WCAG AA- og AAA-retningslinjer.
  • Kører i din browser
  • Gratis at bruge

Sådan bruges

  1. Vælg tekst (forgrund) og baggrundsfarver.
  2. Aflæs kontrastforholdet og AA/AAA-resultaterne.
  3. Juster, indtil du passerer dit målniveau.

How this tool works

  1. Vælg tekst (forgrund) og baggrundsfarver.
  2. Aflæs kontrastforholdet og AA/AAA-resultaterne.
  3. Juster, indtil du passerer dit målniveau.

Recommended settings

  • Brug først standardindstillingerne, og juster derefter om nødvendigt

Supported formats

Text / on-page input

File size and limits

  • Meget komplekse flerlags forhåndsvisninger kan føles langsommere på ældre telefoner.

Privacy

Farve- og CSS-generatorer kører udelukkende i din browser. Forhåndsvisninger og konverteringer uploader aldrig dine stilarter.

Common use cases

  • Brug Color Contrast Checker, når som helst du har brug for det: Tjek forgrunds-/baggrundskontrasten i forhold til WCAG AA- og AAA-retningslinjerne.

Troubleshooting

Eksempel ser anderledes ud efter indsætning

Tjek for konkurrerende CSS på din side (nulstillinger, nedarvede farver). Kopier først den genererede regel til et isoleret typografiark.

FAQ

Uploader dette min CSS?

Nej. Generatorer og konvertere kører i din browser med live preview.

Har jeg brug for en konto?

Nej. Åbn værktøjet, juster kontroller, og kopier CSS'en.

Relaterede værktøjer

HEX ↔ RGB ↔ HSL Converter

Convert colors between HEX, RGB, and HSL instantly with a live swatch.

Open tool

Text Shadow Generator

Craft readable text-shadow styles with live typography preview.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool