Color Code Converters
Convert hex to RGB, generate CSS gradients, check WCAG contrast, simulate color blindness, and build palettes. 25+ tools for designers and front-end devs.
Designers and front-end developers switch between color formats constantly — HEX for CSS, RGB for design tools, CMYK for print, HSL for programmatic color manipulation. These 25+ tools convert between every format, generate gradients, check WCAG accessibility contrast, and simulate how colors appear to colorblind users.
CMYK to Hex Converter
Turn CMYK ink percentages into a CSS hex code instantly. Live swatch, the base-16 encoding breakdown, 3-digit shorthand detection, RGB and HSL outputs, copy buttons.
Use Tool
CMYK to RGB Converter
Convert CMYK ink percentages to RGB and hex screen colors instantly. Live swatch, channel breakdown, the exact formula, and a print-to-web reference table.
Use Tool
Color Blindness Simulator
See any color or color pair the way people with protanopia, deuteranopia, and tritanopia do. Live swatch simulation plus a ΔE checker that flags confusable colors.
Use Tool
Color Palette Generator
Generate color palettes using complementary, analogous, triadic, and split-complementary harmonies. Export hex and RGB codes for your design system.
Use Tool
Color Picker & Converter
Pick any color visually and get its hex, RGB, HSL, and CMYK values. Copy CSS-ready code in one click for web design and development projects.
Use Tool
Color Contrast Checker (WCAG)
Test foreground and background color combos for WCAG 2.1 contrast ratios. Check AA and AAA compliance for normal text, large text, and UI components.
Use Tool
CSS Gradient Generator
Build CSS gradients visually with color stops, angles, and live preview. Copy production-ready linear-gradient, radial-gradient, or conic-gradient code.
Use Tool
Hex Color Code Chart
Complete hex color code chart with all 148 CSS named colors. Search by name, filter by hue, and copy hex, RGB, or HSL values instantly.
Use Tool
Hex to CMYK Converter
Paste any hex code and get print-ready CMYK percentages instantly. Handles 3, 6, and 8-digit hex, shows the RGB decode step, total ink coverage, and gamut warnings.
Use Tool
Hex to HSL Converter
Convert any hex color code to HSL instantly. See hue angle, saturation, lightness on an interactive wheel with CSS output, RGB equivalent, and tint/shade ramp.
Use Tool
Hex to RGB Converter
Paste any hex code like #FF5733 and get RGB values instantly. Includes live color preview, HSL and CMYK outputs, CSS code snippets, and nearest named color match.
Use Tool
Hex to RGBA Converter
Convert hex to RGBA with an alpha slider. Live transparency preview on a checkerboard, 8-digit hex support, and over-white/over-black blend results.
Use Tool
Hex to Tailwind CSS Color Converter
Paste any hex code and get the closest Tailwind CSS color class, ranked by perceptual distance. Shows exact and nearest matches with shade numbers and v4 hex values.
Use Tool
HSL to Hex Converter
Convert HSL to hex with live hue, saturation, and lightness sliders. See the RGB intermediate step, copy-ready hex codes, and an instant tint and shade ramp.
Use Tool
HSL to RGB Converter
Convert HSL to RGB with live hue, saturation, and lightness sliders. See the chroma (C), X, and m intermediate values, the matching hex code, and copy-ready CSS.
Use Tool
Pantone to RGB Converter
Look up any Pantone PMS color and get its RGB, hex, HSL, and CMYK equivalents. Search 470+ spot colors with live swatch preview and copy-ready CSS.
Use Tool
RGB Color Picker
Drag R, G, B sliders to mix any color and see the result live. Outputs hex, HSL, and CMYK codes ready for CSS, Figma, or Photoshop.
Use Tool
RGB to CMYK Converter
Convert RGB screen colors to CMYK print values instantly. Side-by-side preview, ink coverage %, gamut warnings, and the exact formula used by Photoshop.
Use Tool
RGB to Hex Converter
Convert RGB values like 255, 87, 51 to hex codes instantly. Live color preview, CSS snippets, shorthand detection, and batch conversion for design workflows.
Use Tool
RGB to HSL Converter
Convert RGB to HSL with live sliders for each channel. See hue degrees, saturation, lightness, hex equivalent, perceived brightness, and copy-ready CSS.
Use Tool
RGB to Pantone Converter
Enter RGB values and find the closest Pantone (PMS) color match instantly. See delta-E color difference, top 5 alternatives, and CMYK equivalents.
Use Tool
RGBA to Hex Converter
Convert rgba() with alpha to an 8-digit hex code. Get #RRGGBBAA, solid #RRGGBB, Android #AARRGGBB, and the packed ARGB integer with a live preview.
Use Tool