Color Picker & Palette

Color Selection

Opens a color picker dialog to visually select a color. The selected color will be displayed in all formats below.
Accepts multiple formats: HEX codes like #ff5733, RGB values like rgb(255,87,51), HSL values like hsl(12,100%,60%), or CSS color names like 'red'. Validation feedback will be provided as you type.

Color Preview & Values

Large preview of the currently selected color with its value displayed
HEX: #ff5733
RGB: rgb(255, 87, 51)
HSL: hsl(12, 100%, 60%)

Accessibility Information

Contrast vs White: 3.2:1 ⚠️ AA Large
Contrast vs Black: 6.5:1 ✅ AA

CSS Named Colors (147 Colors)

About Color Picker & Palette

Professional color picker tool with visual color selection, format conversion (HEX/RGB/HSL), accessibility analysis, and complete CSS named colors reference. All processing happens locally in your browser for privacy.


Color selection and management is essential in web design, graphic design, and digital art. This tool provides comprehensive color utilities for designers, developers, and creatives.


  • Visual Color Picker: Interactive color wheel for intuitive color selection
  • Format Conversion: Instant conversion between HEX, RGB, and HSL color formats
  • Accessibility Analysis: WCAG contrast ratio calculations for accessible design
  • CSS Named Colors: Complete reference of all 147 standard CSS color names
  • Manual Input: Support for color names, HEX codes, RGB, and HSL values

Other Tools

CRON Generator

Generate CRON expressions for scheduling

Regex Tester

Test and validate regular expressions

Text Diff

Compare text and find differences

Hash Generator

Generate MD5, SHA256, and other hashes

Timestamp Converter

Convert between timestamps and dates

Text Encoder

Encode and decode text in multiple formats