Color Converter

Convert any colour between HEX, RGB, HSL, HSV, CMYK and platform constants.

— views
Sample text

Accepts #16b887, 16b887, #f00, #ff000080, rgb(22, 184, 135), hsl(168, 74%, 40%) and names such as teal.

CSS formats

  • HEX #16B887
  • HEX with alpha #16B887FF
  • RGB rgb(22, 184, 135)
  • RGBA rgba(22, 184, 135, 1)
  • HSL hsl(162, 78.6%, 40.4%)
  • HSLA hsla(162, 78.6%, 40.4%, 1)
  • CSS variable --color: #16B887;

Other colour spaces

  • HSV / HSB hsv(162, 88%, 72.2%)
  • CMYK cmyk(88%, 0%, 26.6%, 27.8%)
  • Channel values 22, 184, 135
  • Unit floats 0.086, 0.722, 0.529

Platform constants

  • Flutter Color(0xFF16B887)
  • Android #FF16B887
  • .NET / WPF #FF16B887
  • Java new Color(22, 184, 135)
  • OpenGL glColor4f(0.086f, 0.722f, 0.529f, 1.00f)
  • Unity new Color(0.086f, 0.722f, 0.529f, 1.00f)
  • Swift / iOS UIColor(red: 0.086, green: 0.722, blue: 0.529, alpha: 1.00)

Reference

  • Closest CSS name lightseagreen (#20B2AA)
  • Terminal 256 43 · \x1b[38;5;43m
  • Luminance 0.3620

Contrast (WCAG)

  • Black text on it 8.24:1 · AAA
  • White text on it 2.55:1 · fails

About Color Converter

Convert any colour between HEX, RGB, HSL, HSV, CMYK and platform constants.

The work happens in your browser: what you paste is never sent to a server, and no account is needed.

Comments

Loading comments…