Handy utilities for working with colors.
Color Converter
Convert any color between hex, RGB, HSL, HSV, CMYK, CIELAB, LCH, and OKLCH. Copy any format with one click.
Color Wheel
Pick colors with an interactive hue ring and saturation/brightness triangle. Build a palette visually.
Image Extract
Upload an image to extract its dominant colors using k-means clustering. Supports PNG, JPG, and WebP.
Website Extract
Pull the color palette from any live website URL by analyzing its CSS stylesheets.
Scale Generator
Generate tint and shade scales from a base color for design tokens. Explore OKLCH lightness curves.
Gradient Builder
Create smooth multi-stop gradients with OKLCH interpolation. Copy the CSS when you're done.
Brand Alignment
Select brand personality traits and discover colors that align with your brand identity.
Design Token Import
Import a design system from DTCG JSON, Tailwind config, or CSS custom properties to seed a new design spec.