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%);
}