Pick colors from a visual spectrum or enter hex values. Copy to clipboard — perfect for design palettes, CSS variables, and UI mockups. Work never leaves your device — everything renders locally in your browser.
Generate a fixed 6-color palette from a base color at set hue offsets (+30/+60/+120/+180/+210). Click any swatch to copy its HEX. Work never leaves your device — everything renders locally in your browser.
Convert 3- or 6-digit HEX colors to RGB values instantly. Translate #4F46E5 for CSS rgb() use — free, local, no signup.
Design CSS borders visually — width, style, color, and radius with live preview and copy-ready code. Prototype a card border in 30 seconds — free, local, no signup.
Generate random hex, RGB, and HSL colors for palettes and placeholders. Find happy accidents fast — free, local, no signup.
Design sized social posts with text overlays and brand colors in 4 network sizes. Ship a week of creatives in one sitting — local Canvas work, unlimited saves.
HEX (#3B82F6), RGB (59, 130, 246), and HSL (217°, 91%, 60%) — one click copies any of them, ready to paste into CSS variables, Tailwind config, or design tokens.
Upload the image and use the eyedropper to sample any pixel. The tool reports the exact HEX plus nearest named color, so brand-matching takes seconds.
HEX and RGB describe the same color in different notation; HSL describes hue/saturation/lightness, which is intuitive for building shades — raise lightness for tints, lower it for shades of the same hue.
Pick foreground and background, then compare luminance: WCAG AA needs 4.5:1 for body text, 3:1 for large text. Aim darker text on light surfaces rather than guessing.
No. Sampling and conversion run entirely in your browser. Nothing leaves your device.
Color Palette Generator
Generate a fixed 6-color palette from a base color at set hue offsets (+30/+60/+120/+180/+210). Click any swatch to copy its HEX. Work never leaves your device — everything renders locally in your browser.
HEX to RGB Converter
Convert 3- or 6-digit HEX colors to RGB values instantly. Translate #4F46E5 for CSS rgb() use — free, local, no signup.
Color Converter
Convert colors between HEX, RGB, and HSL with a type-and-convert text UI. Translate brand specs across formats — free, local, no signup.
Last updated October 2026