Skip to content
UtiliveDeveloper utilities
  • All tools
    • JSON
    • JSON Schema Validator
    • JSONPath Runner
    • JSON <> YAML
    • JSON Escape / Unescape
    • JSON Diff
    • CSV <> JSON
    • CSV Toolkit
    • Text Diff
    • String Tools
    • Text Counter
    • Escape / Unescape
    • Slug Generator
    • Lorem Ipsum
    • List Comparer
    • List Delimiter
    • List → Array
    • List → JSON Array
    • Delimiter & Formatter
    • Code Formatter
    • HTML Formatter / Minifier
    • SQL Formatter
    • Markdown Preview
    • Markdown Exporter
    • UUID
    • UUID Inspector
    • cUID Generator
    • Random String
    • Password Generator
    • Secret Key
    • User-Agent
    • Base64 Text
    • Base64 Image
    • URL Encoder / Decoder
    • Hash (MD5/SHA*)
    • JWT Debugger
    • HMAC & AES
    • Bcrypt
    • Number Base Converter
    • Unit Converter
    • Date/Time Toolkit
    • Timestamp Converter
    • Color Tools
    • QR Code
    • Cron Parser
    • Regex Tester
    • Regex Library
    • WHOIS Lookup
    • DNS Lookup
    • Image Tools
    • Support
© Utilive.dev
AboutPrivacySupport

Color tools

Convert between HEX, RGB, and HSL with a live contrast preview.

Examples

Accepts HEX, RGB, HSL, and named colors.

Preview

Aa Bb 0123

About color formats

Different color formats describe the same color in different ways. Use HEX for sharing, HSL for adjustment, and RGB when integrating with graphics APIs.

  • HEX is compact and works in CSS and design tools.
  • RGB exposes channel values 0–255.
  • HSL is great for tweaking lightness and saturation.
  • Aim for 4.5:1 contrast for body text (WCAG AA).