Color & Design Calculators
Convert between HEX, RGB and HSL values, explore color combinations and check contrast, typography or image dimensions for digital design work. These utilities help designers and developers prepare consistent visual assets and review readability. Screen settings, color profiles and accessibility requirements can affect how a design appears and performs.
Color Conversion
10 toolsHEX to RGB Calculator
Convert HEX color values to RGB components.
RGB to HEX Calculator
Convert RGB values to a HEX color code.
HEX to HSL Calculator
Convert HEX colors to HSL hue, saturation and lightness.
HSL to HEX Calculator
Convert HSL values to a HEX color code.
RGB to HSL Calculator
Convert RGB color values to HSL.
HSL to RGB Calculator
Convert HSL values to RGB components.
HEX to CMYK Calculator
Convert HEX colors to approximate CMYK print values.
RGB to CMYK Calculator
Convert RGB colors to approximate CMYK values.
CMYK to RGB Calculator
Convert CMYK values to RGB screen color values.
Color Code Converter
Convert between common digital color code formats.
Color Analysis & Accessibility
10 toolsColor Contrast Ratio Calculator
Calculate the contrast ratio between two colors.
WCAG Contrast Calculator
Check color contrast against WCAG accessibility thresholds.
Text Color Contrast Calculator
Evaluate text and background color contrast.
Relative Luminance Calculator
Calculate the relative luminance of a color.
Color Brightness Calculator
Calculate perceived brightness from RGB color values.
Color Lightness Calculator
Calculate color lightness from RGB or HSL values.
Color Temperature Calculator
Estimate color temperature from a Kelvin value and related color information.
Grayscale Calculator
Calculate grayscale intensity from color components.
Color Difference Calculator
Estimate the numerical difference between two colors.
Accessible Color Calculator
Find and evaluate accessible foreground and background color combinations.
Color Mixing & Palettes
10 toolsColor Mixer
Mix two colors and calculate the resulting RGB/HEX color.
RGB Color Mixer
Blend two RGB colors by a selected mixing ratio.
HEX Color Mixer
Blend two HEX colors by a selected mixing ratio.
Color Palette Generator
Generate a coordinated color palette from a base color.
Complementary Color Calculator
Find the complementary color on the color wheel.
Analogous Color Calculator
Generate analogous colors around a base hue.
Triadic Color Calculator
Generate a triadic color scheme from a base color.
Tetradic Color Calculator
Generate a four-color tetradic color scheme.
Split Complementary Color Calculator
Generate a split-complementary color scheme.
Monochromatic Color Calculator
Generate monochromatic shades and tones from a base color.
Typography
8 toolsFont Size Calculator
Calculate proportional font sizes for responsive typography.
Line Height Calculator
Calculate line height from font size and a line-height ratio.
Typography Scale Calculator
Generate a typography scale from a base size and ratio.
Modular Scale Calculator
Calculate modular typography sizes using a chosen scale ratio.
Letter Spacing Calculator
Calculate letter spacing from font size and tracking.
Text Width Calculator
Estimate readable text width from font size and character metrics.
Readability Calculator
Estimate readability using common text readability inputs.
Font Ratio Calculator
Calculate the ratio between two font sizes.
Image & Dimensions
8 toolsAspect Ratio Calculator
Find and simplify the aspect ratio of an image or design.
Image Dimension Calculator
Calculate image dimensions from size and aspect ratio.
Image Resize Calculator
Calculate proportional resized image dimensions.
Image Crop Calculator
Calculate crop dimensions while preserving a target aspect ratio.
Social Media Image Size Calculator
Calculate and compare dimensions for social media graphics.
DPI Calculator
Calculate dots per inch from image pixels and physical size.
PPI Calculator
Calculate pixels per inch from resolution and display size.
Pixel Density Calculator
Calculate pixel density from resolution and physical dimensions.
Design & Layout
4 toolsGolden Ratio Calculator
Calculate proportions based on the golden ratio.
Grid Calculator
Calculate grid column widths, gutters and layout dimensions.
CSS Pixel Calculator
Convert between CSS pixels and physical pixels using device pixel ratio.
Design Scale Calculator
Generate a consistent proportional scale for design dimensions.