Color Picker & Converter
Pick a color visually or type a value in any format — HEX, RGB, or HSL update together instantly, along with ready-made harmony palettes.
Color harmonies
About this tool
Color Picker & Converter is a quick way to pick a color and get it in whatever format you need for the job — HEX for CSS and design tools, RGB for code that works with raw channel values, and HSL when it's easier to reason about hue, saturation, and lightness directly. Every field is linked, so adjusting a slider, typing a HEX code, or using the native color picker updates all three formats at once. Click any "Copy" button to grab that value for your CSS, design file, or brand guidelines.
Color harmonies are palettes generated from your chosen color using standard color-wheel relationships: Complementary sits directly opposite your color for high contrast, Analogous uses the two neighbouring hues for a calmer, cohesive palette, and Triadic picks two colors evenly spaced around the wheel for a balanced, vibrant combination. Click any swatch to copy its HEX code.
Version 1.0.0