Color Picker
Interactive color picker with all format outputs
Interactive Color Picker
Use the controls below to select any color. All inputs are synchronized — change one and all others update instantly. Click any format value to copy it to your clipboard.
#6A63FFrgb(106, 99, 255)
Color Input
RGB Channels
HSL Channels
Component Values
R
106
G
99
B
255
H
243°
S
100%
L
69%
All Color Formats — Click to Copy
HEX#6A63FF
RGBrgb(106, 99, 255)
HSLhsl(243, 100%, 69%)
HWBhwb(243 39% 0%)
CMYKcmyk(58%, 61%, 0%, 0%)
NColB3, 39%, 0%
How to Use
Multiple ways to pick a color:
- Use the native color picker for visual selection
- Type a HEX code directly for precise input
- Adjust RGB sliders to mix red, green, and blue channels
- Use HSL sliders for intuitive hue, saturation, lightness control
- Click any format value below the preview to copy it
CSS Usage
/* Use your selected color in CSS */
.element {
/* Any of these produce the same color: */
color: #6A63FF;
color: rgb(106, 99, 255);
color: hsl(243, 100%, 69%);
}How to Use Color Picker?
- 1Choose a base color using the interactive picker or enter HEX, RGB, HSL values.
- 2Generate matching color palettes, schemes, or color space transformations instantly.
- 3Click on any color code block in the results to copy it instantly to your clipboard.
Designer Friendly
Easily match colors, check contrast ratios, and generate custom palettes for your designs.
Multi-Format Support
Supports copy-paste in HEX, RGB, RGBA, HSL, HSLA, and CSS variables formats.
Runs Locally
No internet connection required. Our color engines run instantly and cleanly inside your web browser.