HomeColor Naming

Color Naming

Name colors from HEX/RGB/HSL with confidence, format conversion, distribution and palette generation for design and frontend development

Pick a Color

Color Name

CrayonBlue
蜡笔蓝
Confidence:92%
Other Possible Names
RoyalBlue (皇家蓝)DodgerBlue (宝蓝)Lake (湖泊)SlideshowBlue (幻灯片蓝)CornflowerBlue (矢车菊)

Color Formats

HEX
#3B82F6
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1)
HSL
hsl(217, 91%, 60%)
HSLA
hsla(217, 91%, 60%, 1)
HSB/HSV
217°, 76%, 96%
CMYK
76%, 47%, 0%, 4%

Color Distribution

Red23%
Green51%
Blue96%
Lightness (L)60%
Saturation (S)91%

Palette



Documentation

About Color Naming Tool

This tool identifies color names and outputs multiple color formats with picker input, name candidates, and channel distribution insights.

Key Features

  • Color Input: HEX text, color picker, and preset colors.
  • Name Detection: Primary/secondary names with confidence score.
  • Alternative Names: Similar name suggestions.
  • Format Output: HEX, RGB(A), HSL(A), HSV, and CMYK.
  • Channel Analysis: RGB distribution, lightness, and saturation indicators.

Steps

  1. Set color via picker or text input.
  2. Apply and review naming results.
  3. Copy any required color format.
  4. Refine color choice using channel analytics.

Use Cases

  • Matching design palettes with implementation values.
  • Maintaining naming conventions for brand colors.
  • Quick visual evaluation during UI color tuning.

FAQ

Why is the name different from design software?

Naming depends on dictionary and nearest-color strategy, which varies across tools.

Why do CMYK and RGB look different?

They represent different color models and devices (screen vs print) with different gamut behavior.