logo
GeekFormat

Color Converter

最接近的 CSS 颜色名: mediumseagreen

RGB

R
G
B
A

HSL

H
S
L

HSV

H
S
V
HEX#22c55e
RGBrgb(34, 197, 94)
RGBArgba(34, 197, 94, 1)
HSLhsl(142, 71%, 45%)
HSLAhsla(142, 71%, 45%, 1)
HSVhsv(142, 83%, 77%)
HWBhwb(142, 13%, 23%)
CMYKcmyk(83%, 0%, 52%, 23%)
XYZxyz(22.64, 41.08, 17.32)
LABlab(70, -62, 40)
LCHlch(70, 74, 147)
OKLABoklab(1, 0, 0)
OKLCHoklch(1, 0, 180)

WCAG 对比度检查

白字
2.28:1
AA AAA
黑字
9.22:1
AA AAA

Free online color converter. Support HEX, RGB, HSL, HSV, CMYK, and other common color value conversions for webpage color schemes, design color matching, and print color value calculation.

Related

Use Cases

  • Convert HEX color values from design mockups to RGB or HSL for CSS styles during frontend development
  • Unify color value formats between different software for UI designers
  • Convert screen color values to CMYK for print reference during print communication
  • Quickly compare numerical values of the same color in different formats during brand color scheme development

Features

  • Multi-format color conversion: Support quick conversion between HEX, RGB, HSL, HSV, CMYK, and other common color codes
  • Suitable for design and development: Suitable for UI design, frontend style writing, brand color schemes, and print communication scenarios
  • Convenient result copying: After conversion, directly copy color values for continued use in design mockups, CSS, or document annotations
  • More intuitive color preview: More efficient to view and modify simultaneously, help quickly confirm if color values meet expectations

How to Use

  1. 1.Enter color value or use color picker to select color
  2. 2.Tool automatically converts color to HEX, RGB, HSL, HSV, CMYK, and other formats
  3. 3.View color values and preview effects in each format
  4. 4.Copy needed color values for design mockups, CSS, or documents

FAQ

What color formats does the Color Converter support?

Supports HEX, RGB, HSL, HSV, CMYK, and other common color code conversions, meeting webpage design, UI color matching, and print scenario needs.

Is it suitable for frontend development and designers for daily use?

Very suitable. Whether for CSS color schemes, design mockup color matching, or unifying color values between different software, all can be completed quickly.

Can I see conversion results while selecting colors?

Yes. When used with a color picker, you can more intuitively view current color numerical results in different formats.

Why is there a difference between web colors and print colors?

Web commonly uses RGB, HEX, and other screen color spaces. Print more commonly uses CMYK. Visual performance may differ after conversion between different color spaces.