Color Picker

1. Drag in the color area to choose a shade. Change Hue to explore another color family, or use the Saturation and Brightness sliders with a mouse, touch, or keyboard.
2. Paste a HEX, RGB, HSL, OKLCH, or CSS color name in Enter a color. Open Transparency to adjust opacity. Wide-gamut colors are mapped to sRGB for this picker.
3. Choose Copy HEX or click any code row to copy its value. HEX includes an extra alpha pair when the color is transparent. Undo and Redo let you revisit edits.
4. Share color creates a link to your selection. Build a palette, find harmonies, explore shades, or find a name using the buttons below. Those tools receive the solid color.
5. Use the device color picker for native controls, or follow Pick from an image to sample a photo. Pick from screen appears when your browser supports it.

Enter #336699 for a muted blue, then lower Saturation for a softer version. Copy RGB for a stylesheet or choose Build a palette to find a supporting color.