toolsko

Choose your language

ToolsKo is written in English. Prefer another language? Open a translated version of this public page.

Browser language suggestion: English. You can choose any language below.

Translation opens in a new tab using Google Translate. It receives this public page URL. Automatic translations may contain mistakes; use the original English page for tool inputs, downloads, and generated documents.

Your choice is remembered on this browser when storage is available. Use Language in the header to change it.

Color Contrast Checker

WCAG contrast ratio for text and background colors.

Tool inputs stay in your browser · optional AI search sends your query

How to use it (step by step)

  1. 1Fill in the boxes: “Text color”, “Background color”. Example numbers are already there so you can see how it works; replace them with yours.
  2. 2The result updates instantly as you type (on a phone it is below the boxes).
  3. 3The bold line is the main answer. Tap Copy next to any value to copy it.

Words to know

Contrast ratio
How different two colors look. Text needs enough contrast against its background to be easy to read.
Fraction / ratio
A fraction is a part of a whole (3/4 = three of four parts). A ratio compares two amounts (2:1 = twice as much).

More in Design & Color

Fluid Typography CSS Clamp GeneratorInterpolate font size between two viewport widths.SVG Placeholder Image GeneratorGenerate an escaped placeholder SVG with dimensions and label.Color Harmony Palette GeneratorGenerate complementary and analogous HSL colors from a hex base.Color Blend CalculatorMix two hex colors at a chosen proportion.Print Size & DPI CalculatorFind print dimensions from pixel size and desired DPI.Screen Pixel Density CalculatorCalculate PPI and physical size from resolution and diagonal.