Color
91 free color tools in the Developer Tools collection — every one runs in your browser with no signup and no uploads.
Discord Color Text Generator
Make coloured text for Discord with ANSI code blocks
Color Converter + WCAG Contrast Checker
Convert hex, RGB, and HSL colours instantly — and check WCAG contrast ratios.
ANSI Color Code Converter
Convert any hex color to the nearest ANSI 256-color terminal code and escape sequence.
ANSI Color Codes
All ANSI terminal color codes with foreground/background and 256-color palette.
Base16 (Hex) Encoder/Decoder
Encode raw bytes as RFC 4648 uppercase hex pairs
Color Invert (Complementary) Tool
Find the exact color inverse by subtracting from white
Color Mix Calculator
Calculate the resulting RGB color when mixing two colors
Color Models Reference
RGB, HSL, HSV, CMYK, LAB, LCH model formulas and conversion notes in one place.
CSS Color Name Reference
All 140+ named CSS colors with hex, RGB, and HSL values
Color Opacity / Alpha Mixer
Preview a semi-transparent color over a white or black background
Color Temperature to RGB Converter
Convert blackbody color temperature in Kelvin to RGB
Color to CSS filter() Converter
Generate a CSS filter string to recolor a black SVG/PNG to any color
National Flag Colours Reference
The official colours and design elements of every national flag
Windows-1252 Hex Dump
Show each character's Windows-1252 (CP1252) code point in hex
CSS Color Functions Reference
rgb(), hsl(), oklch(), color-mix() and all CSS color functions with syntax.
CSS Color & Variable Extractor
Extract all custom properties and color values from a CSS file
CSS Gradient Color Extractor
Extract all color stops from a CSS linear or radial gradient
CSS hsl() / oklch() String Builder
Build valid CSS hsl() or oklch() color function strings
CSS Named Colors
Browse all 148 CSS named colors with hex, RGB, HSL and swatch preview.
Hex Color Code Text Encoder
Encode text bytes as CSS hex color codes
Hex Dump Viewer
View any file as a classic offset-hex-ASCII dump, entirely in your browser.
CSS Hex Shorthand Expander
Expand 3-digit CSS hex shorthand (#F80) to full 6-digit form
Hex Text Converter
Convert text to hex bytes and hex back to text
Hex to Binary Converter
Expand hexadecimal values into full binary bit strings
Hex to Nearest CSS Named Color
Find the closest CSS named color to any hex value
3-Digit to 6-Digit Hex Color Expander
Expand shorthand CSS
Hex8 (RGBA Hex) Alpha Converter
Convert 8-digit hex colors (#RRGGBBAA) including alpha channel
Hexspeak Word Encoder
Write messages using hex-readable words: DEADBEEF, CAFEBABE
KML Color / Style Editor
Edit KML Placemark colors, line widths, and icon scale in your browser
CIE L*a*b* to RGB Color Converter
Convert CIELAB perceptual colors back to sRGB
Leet Hex Encoder
Encode text to leetspeak then show hex byte values
Material Design Color Lookup
Find the closest Material Design 3 color token to any hex value
Oklch to RGB Converter
Convert Oklch lightness/chroma/hue back to sRGB
Pantone PMS Color Reference
Common Pantone Matching System colors with hex approximations
Pantone to RGB Approximator
Look up approximate RGB values for common Pantone spot colors
RAL Color to Hex Converter
Convert RAL paint/coatings codes to approximate hex colors
Tailwind CSS Gradient Class Generator
Tailwind gradient utility class combinations
RGB to CMYK Color Converter
Convert screen RGB colors to the CMYK print model
RGB to Grayscale Converter
Convert any color to greyscale using luminance weighting
Batch RGB to HSL Converter
Convert a list of RGB values to HSL all at once
RGB to CIE L*a*b* Color Converter
Convert RGB to the perceptually uniform CIELAB color space
RGB to LCH Color Converter
Convert RGB to CIELCh (lightness, chroma, hue) cylindrical space
RGB to Oklab Color Converter
Convert RGB to the Oklab perceptually uniform color space
RGB to Oklch Color Converter
Convert RGB to the perceptually uniform Oklch color space
sRGB to Display P3 Converter
Convert sRGB colors to wide-gamut Display P3 color space
RGB to Tailwind Color Matcher
Find the closest Tailwind CSS palette color to any RGB value
RGB to CIE XYZ Color Converter
Convert sRGB colors to the CIE XYZ tristimulus color space
Secure Random Bytes / Hex Generator
Generate cryptographically random bytes in hex, base64, or decimal — fully offline
Hex to CSS rgba() String Converter
Turn a hex color plus opacity into a ready-to-paste CSS rgba() function string.
Tailwind Color Config Generator
Custom Tailwind CSS color scale configurations
UTF-16 Hex Viewer
Show UTF-16 LE and BE byte sequences for any Unicode text
UTF-32 Hex Viewer
Show each Unicode code point as a 4-byte UTF-32 hex value
CIE XYZ to RGB Color Converter
Convert CIE XYZ tristimulus values back to sRGB
CSS Mesh Gradient Generator
Build multi-point mesh gradients with pure CSS and copy the code.
Hex Colour Opacity Converter
Add opacity to a hex colour and get 8-digit hex plus rgba().
Hex to Text Converter
Convert hex bytes to text and text to hex — UTF-8, in your browser.
WCAG Color Contrast Checker
Check text and background colors against WCAG AA and AAA contrast ratios.
Hex to Decimal Converter
Turn any hexadecimal value into its base-10 number.
Hex to RGB Converter
Turn any hex colour code into an RGB value instantly.
RGB to Hex Converter
Convert RGB channel values into a hex colour code.
RGB to HSL Converter
Convert RGB colour values into hue, saturation and lightness.
HSL to RGB Converter
Convert hue, saturation and lightness into RGB values.
Hex to CMYK Converter
Convert a hex colour code into CMYK for print work.
CSS Gradient Generator
Build linear and radial CSS gradients with a live preview and copy-ready code.
Complementary Color Finder
Find complementary, analogous, triadic and tetradic colour harmonies.
Color Blindness Simulator
See how a colour looks with protanopia, deuteranopia and tritanopia.
Random Color Palette Generator
Generate harmonious 5-colour palettes with copy-ready hex and CSS.
RGB to HSV Converter
Convert RGB colour values into hue, saturation and value.
CMYK to RGB Converter
Convert print CMYK percentages into screen RGB values.
Hex to HSL Converter
Convert a hex colour code into hue, saturation and lightness.
HSV to RGB Converter
Convert hue, saturation and value into RGB colour values.
Contrast Grid Checker
WCAG contrast ratios for every colour pair in your palette, at a glance.
Monochrome Palette Generator
Build a cohesive single-hue palette from one base colour.
Analogous Color Finder
Find harmonious neighbour colours on the colour wheel.
Color Temperature Converter (Kelvin to RGB)
Turn a Kelvin colour temperature into an approximate sRGB colour.
Pantone to Hex (Approximate)
Look up an approximate screen hex for a Pantone PMS coated colour.
Hex to Pantone (Approximate)
Find the closest Pantone PMS coated colours to any hex value.
Color Mixer (Blend Two Colors)
Blend two colours at any ratio — gamma-correct or simple sRGB.
Triadic Color Scheme Generator
Build a balanced triadic palette — three hues 120° apart.
CSS Gradient Generator (Pro)
Build multi-stop linear, radial and conic CSS gradients visually, then copy the code.
CSS Text Gradient Generator
Create gradient-filled text and copy the CSS.
CSS Color Names List
All CSS named colors with hex and RGB — searchable.
CSS Conic Gradient Generator
Build colour wheels, pie charts and angular sweeps with a draggable conic editor.
Color Contrast Checker
Check WCAG contrast ratio for two colors with live AA/AAA pass-fail.
Color Format Converter
Convert a colour between HEX, RGB, HSL and HWB live — with a picker and alpha.
Color Scale Builder
Generate an even, multi-stop colour ramp with CSS, JSON and SVG export.
CSS Color Names
Searchable list of every named CSS colour with swatch, hex, rgb and hsl.
WCAG Contrast Checker
Instant AA/AAA contrast ratio check with sRGB-accurate maths and fix suggestions.
Hex to RGBA Converter
Instantly convert any hex colour to rgba(), rgb(), HSL, CSS variables and Tailwind classes.
Color Contrast Ratio Checker
Calculate the exact WCAG contrast ratio with full step-by-step formula working.
Color Palette Generator
Build a harmonious colour palette from one base colour, with HEX and RGB.