Visual Color Picker
Hex Input
Invalid hex color. Use #RRGGBB or #RGB format.
RGB Input
Color Values — Click to Copy
HEX
#58a6ff
📋 copy
RGB
rgb(88, 166, 255)
📋 copy
RGBA
rgba(88, 166, 255, 1.00)
📋 copy
HSL
hsl(213, 100%, 67%)
📋 copy
CSS Variable
--color: #58a6ff;
📋 copy
HSV
hsv(213°, 65%, 100%)
📋 copy
Contrast vs White:
Contrast vs Black:
Color History
No saved colors yet. Click "Save to History".
Preset Palettes
Click a swatch to load it
How to Use
- Visual Picker: Click the color preview box to open your system's color picker, or drag the RGB sliders to mix colors.
- Hex Input: Type any valid hex color (e.g.
#ff6b6b,#fff, orff6b6b). - RGB Input: Enter red, green, blue values (0–255) and optionally an alpha (0–1).
- Copy Values: Click any output card to instantly copy that format to your clipboard.
- Save Colors: Hit "Save to History" to keep colors for reference.
- Palettes: Pick a preset color from the palette grid below.
Run / UpdateCtrl+Enter
ClearCtrl+L
Copy AllCtrl+Shift+C