A colour helper for writing HTML and CSS. Type any colour as #3498db, rgb(52,152,219), hsl(204,70%,53%) or a CSS name like dodgerblue and the Convert tab instantly shows every equivalent format, ready-to-paste CSS declarations, and a black/white foreground suggestion. The Named tab lists all 148 CSS colour keywords including rebeccapurple (searchable, click to copy), and Web Safe offers the classic 216-colour palette. Everything runs locally — no upload, no server. This tool is code-oriented; for design work (palettes, gradients, contrast, mixing) also see Color Picker.
Mode:
Pick or type a colour - the equivalents and CSS snippets update live.
These colours render without dithering on classic 256-colour displays.
How formats relate:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). HSL hue is in degrees (0-360), saturation/lightness as percentages. Alpha (#RRGGBBAA, rgba(), hsla()) is parsed and carried through every output. CSS keyword names are matched exactly first; when no keyword matches, the nearest of the 148 keywords is suggested as a design hint.
What is a CSS color code?
A CSS color code is the numeric recipe for one color on screen: how much red, green and blue light to mix. Every notation — six-digit hex like #3498db, functional rgb(52, 152, 219), hsl(204, 70%, 53%) and the 148 predefined keywords — resolves to the same 24-bit sRGB value. Hex and rgb() state the channels directly, while hsl() describes the color as an angle on the color wheel plus saturation and lightness, which is often easier to reason about when tuning shades.
256 levels per channel give 16,777,216 addressable colors; the 8-digit forms (#RRGGBBAA, rgba(), hsla()) simply append an alpha (opacity) value to the same color.
