Tools Directory250+ Free Online Utilities

Color Picker & Converter

Pick a color and convert it to HEX, RGB, HSL, CMYK, and CSS variables. Generate beautiful color harmonies instantly.

Click to pick
#
HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
CMYKcmyk(59%, 58%, 0%, 5%)
CSS var (RGB)--color-primary: 99 102 241;
CSS var (HSL)--color-primary: 239 84% 67%;

Color Harmonies

Complementary
Triadic
Analogous
Split-Complementary
Tetradic
Shades

About This Color Picker

Choose any color using the visual picker, eyedropper (to sample from your screen), or type a HEX/RGB/HSL value directly. The tool instantly calculates all equivalent color formats so you can copy exactly what your project needs.

Color Formats Explained

  • HEX: The web standard — used in HTML, CSS, SVG, and design tools like Figma.
  • RGB: Red, Green, Blue channels (0–255) — used in CSS and digital displays.
  • HSL: Hue, Saturation, Lightness — the most intuitive model for design work.
  • CMYK: Cyan, Magenta, Yellow, Key (Black) — used in print and physical media.

Color Harmonies

Click any harmony swatch to select that color. Harmonies are calculated using the HSL color wheel — complementary colors are 180° apart, triadic are 120° apart, and analogous are 30° apart.

Privacy-First Architecture

100% Local Processing

Unlike traditional online tools, Color Picker & Converter processes your data entirely within your browser. Your files, numbers, and private info never reach our servers, ensuring absolute confidentiality.

Lightning Fast Speed

By eliminating the need for server uploads and downloads, we provide near-instant results. This technical approach saves bandwidth and provides a seamless user experience on both mobile and desktop.

Similar Typography, UI & Design Utilities

View All →
Color Picker from Image

Fast and exact calculations for quick problem solving.

Private
861k
Open Tool →
Golden Ratio

Fast and exact calculations for quick problem solving.

Private
208k
Open Tool →
Fluid Typography CSS

Fast and exact calculations for quick problem solving.

Private
237k
Open Tool →