UtiLive.dev

Fast, privacy-friendly developer utilities

UtiLive.dev

  • 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
AboutPrivacy
© UtiLive.dev • Developer tools, dev swiss army knife

Color Utilities

Convert between HEX/RGB/HSL and preview contrast.

Features

  • • Multi-format Support: Convert between HEX, RGB, and HSL formats
  • • Live Preview: See color changes in real-time
  • • Contrast Detection: Automatically suggests readable text color
  • • Flexible Input: Accepts various color format inputs
  • • Copy Values: Easy copying of converted color values

Color Examples

Color Converter

Supports HEX (#fff), RGB (rgb(255,255,255)), and HSL (hsl(0,0%,100%)) formats

Preview
Sample Text

Format Guide

HEX Format

  • • #ffffff - 6 digits
  • • #fff - 3 digits (shorthand)
  • • #ffffff00 - 8 digits (with alpha)

RGB Format

  • • rgb(255,255,255) - Standard
  • • rgba(255,255,255,0.5) - With alpha
  • • Values range from 0-255

HSL Format

  • • hsl(0,100%,50%) - Standard
  • • hsla(0,100%,50%,0.5) - With alpha
  • • Hue: 0-360°, Saturation/Lightness: 0-100%