HTML Color Picker
Pick any color and instantly get HTML-ready codes — HEX, RGB, HSL and the nearest CSS named color. Perfect for HTML pages, CSS files and inline styles.
#155EEF
Live Preview
HTML Code
What Is an HTML Color Picker?
An HTML color picker is designed specifically for web development — it produces output that can be pasted directly into HTML attributes, CSS properties or inline styles. Unlike generic color tools, an HTML picker focuses on HTML-legal color formats: HEX, RGB, HSL and named colors.
Supported HTML Color Formats
- HEX:
#155EEF— the most common format - RGB:
rgb(21, 94, 239)— supported in CSS - RGBA:
rgba(21, 94, 239, 0.8)— with alpha - HSL:
hsl(215, 84%, 51%)— supported in CSS - Named:
blue,skyblue,rebeccapurple
How to Use HTML Color Codes
Copy any color from this picker into your HTML:
<div style="background: #155EEF;"><span style="color: rgb(21, 94, 239);">- Or use in a CSS file:
.my-class { color: #155EEF; }