Category Toolkit
Color Tools
Color pickers, converters, palettes, contrast checkers, and more.
25 toolsLocal-first processingFree forever
Color Picker
Pick colors visually and get HEX, RGB, and HSL values.
yft.ai/color-picker
HEX Color Picker
Pick colors and get hexadecimal color code output.
yft.ai/hex-color-picker
RGBA Color Picker
Pick colors with alpha transparency in RGBA format.
yft.ai/rgba-color-picker
HSL Color Picker
Pick colors using hue, saturation, and lightness sliders.
yft.ai/hsl-color-picker
CSS Gradient Generator
Create linear and radial CSS gradients with live preview.
yft.ai/gradient-generator
Tailwind CSS Color Picker
Browse and pick colors from the Tailwind CSS color palette.
yft.ai/tailwind-color-picker
Color Palette Generator
Generate harmonious color palettes from a base color.
yft.ai/color-palette-generator
HEX to RGB Converter
Convert hexadecimal color codes to RGB values.
yft.ai/hex-to-rgb
RGB to HEX Converter
Convert RGB color values to hexadecimal color codes.
yft.ai/rgb-to-hex
RGB to HSL Converter
Convert RGB color values to HSL (hue, saturation, lightness).
yft.ai/rgb-to-hsl
HSL to RGB Converter
Convert HSL color values to RGB format.
yft.ai/hsl-to-rgb
RGB to CMYK Converter
Convert RGB color values to CMYK for print design.
yft.ai/rgb-to-cmyk
CMYK to RGB Converter
Convert CMYK print colors to RGB screen values.
yft.ai/cmyk-to-rgb
HEX to HSL Converter
Convert hexadecimal color codes to HSL values.
yft.ai/hex-to-hsl
Color Shade Generator
Generate tints and shades from any base color.
yft.ai/color-shade-generator
Random Color Generator
Generate random colors in HEX, RGB, or HSL formats.
yft.ai/random-color-generator
Complementary Color Generator
Find the complementary color for any given color input.
yft.ai/complementary-color-gen
Color Name Lookup
Find the nearest named color for any hex or RGB value.
yft.ai/color-name-lookup
CSS Named Colors Reference
Browse all 148 CSS named colors with hex and RGB values.
yft.ai/css-color-names
Pantone to HEX Converter
Look up approximate HEX values for Pantone color codes.
yft.ai/pantone-to-hex
Color Contrast Checker
Check WCAG contrast ratio between foreground and background.
yft.ai/color-contrast-checker
Color Mixer
Mix two colors together and see the blended result.
yft.ai/color-mixer
Complementary Color Calculator
Calculate the complementary color on the color wheel.
yft.ai/complementary-color
Analogous Colors Calculator
Calculate analogous colors adjacent on the color wheel.
yft.ai/analogous-colors
Triadic Colors Calculator
Calculate triadic color schemes from the color wheel.
yft.ai/triadic-colors
About Color Tools
Explore, convert, and generate colors for your design and development projects. Pick colors with precision, convert between HEX, RGB, HSL, and other formats, generate harmonious palettes, and check contrast ratios for accessibility compliance. Every color tool runs locally for instant, responsive results.