Skip to content
LayerShotGet early access

RGB to HEX converter

Drag the sliders or type values, and get the HEX code back immediately.

HEX
#FF6B4A
RGB
rgb(255, 107, 74)
HSL
hsl(11, 100%, 65%)

How to use it

  1. Set red, green and blue.
  2. Copy the HEX code.

Questions

Why does HEX use letters?

It is base-16. Each channel takes two hex digits covering 0–255, so `ff` is 255 and `00` is 0. Three channels, two digits each, gives the familiar six-character code.

Related tools

This is one keystroke inside LayerShot

The desktop app captures the screen, applies your styling and puts the result on your clipboard without a browser tab, an upload, or a download folder full of files called Screenshot (3).png. One payment, one Mac and one Windows PC, lifetime updates.