Quirkulator

Colour Calculators

10 calculators covering hex, RGB, HSL and contrast ratios, each with its formula and worked examples.

Colour Calculators brings together 10 calculators for hex, RGB, HSL and contrast ratios, including CMYK to RGB Converter, Complementary Colour Finder, HSL to RGB Converter and RGB to CMYK Converter.

Each calculation gets its own page, with its own inputs, its own worked examples and its own explanation of what the answer means. The formula is printed on the page rather than hidden in the code, so a result you disagree with can be argued with rather than merely distrusted.

All 10 pages compute in your browser: nothing you type is sent anywhere, and results update as you edit. Each one carries worked examples, interpretation bands where a score needs context, and a FAQ answering what people actually ask about that calculation.

The collection is part of Text & Web Tools, and every page links to the neighbouring calculations you usually need next.

10 pages in this collection

CMYK to RGB ConverterConvert print CMYK percentages into screen RGB and check total ink coverage.Colour Luminance CalculatorCompute WCAG relative luminance and the contrast it gives against black and white.Complementary Colour FinderFind the opposite hue, split complements and the triad for any colour.Greyscale Conversion ToolConvert a colour to grey by luminosity, average or lightness and compare.Hex to RGB ConverterTurn a hex colour code into RGB channel values and related figures.HSL to RGB ConverterTurn hue, saturation and lightness back into RGB and a hex code.RGB to CMYK ConverterConvert a screen colour into CMYK ink percentages with the key plate calculated.RGB to Hex ConverterConvert RGB channel values into a hex code, with shorthand where it exists.RGB to HSL ConverterConvert RGB into hue, saturation and lightness for easier palette work.Tint and Shade CalculatorMix a colour towards white, black or grey to build a consistent scale.

Related collections

Text & Web Tools →
CSS Unit Converters34 conversion pages for CSS length units, each with its exact factor, the formula and a reference table.34 calculatorsText & Readability Tools18 calculators covering counting words and scoring readability, each with its formula and worked examples.18 calculatorsWeb Development Calculators15 calculators covering CSS units, viewport maths and aspect ratios, each with its formula and worked examples.15 calculatorsTransfer & Bandwidth Calculators15 calculators covering download time, transfer time and bandwidth needs, each with its formula and worked examples.15 calculators