Colour Format Converter
One colour, every format at once — HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, LUV, XYZ, OKLAB, OKLCH and CSS color(), with copy-ready snippets for six platforms.
#4F46E5FF
royalblue (nearest)
Inside the sRGB gamut.
All formats
#4F46E5#4F46E5FFrgb(79, 70, 229)rgba(79, 70, 229, 1)hsl(243.4, 75.4%, 58.6%)hsla(243.4, 75.4%, 58.6%, 1)hsv(243.4, 69.4%, 89.8%)hwb(243.4 27.5% 10.2%)cmyk(65.5%, 69.4%, 0%, 10.2%)lab(40.734% 50.635 -79.081)lch(40.734% 93.903 302.63)luv(40.734% -6.397 -115.594)X 0.1956 Y 0.117 Z 0.75360.0782, 0.0612, 0.7835oklab(0.5106 0.0279 -0.2284)oklch(0.5106 0.2301 276.97)color(srgb 0.3098 0.2745 0.898)royalblue (nearest)Code snippets
:root {
--colour: #4F46E5FF;
--colour-rgb: 79 70 229;
}
.thing {
color: #4F46E5;
background: oklch(0.5106 0.2301 276.97);
}$colour: #4F46E5; $colour-alpha: rgba(79, 70, 229, 1); $colour-hsl: hsl(243.4, 75.4%, 58.6%);
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: {
DEFAULT: "#4F46E5",
rgb: "rgb(79 70 229 / <alpha-value>)",
},
},
},
},
};<!-- res/values/colors.xml --> <color name="brand">#FF4F46E5</color>
UIColor *brand = [UIColor colorWithRed:0.3098 green:0.2745 blue:0.898 alpha:1];
extension Color {
static let brand = Color(red: 0.3098, green: 0.2745, blue: 0.898, opacity: 1)
// or: Color(hex: 0x4F46E5)const Color brand = Color(0xFF4F46E5);
// MaterialColor
const MaterialColor brandSwatch = MaterialColor(0x4F46E5, <int, Color>{ 500: Color(0x4F46E5) });Color brand = new Color(79, 70, 229, 255);
// or
Color decode = Color.decode("#4F46E5");About this tool
Conversions use the sRGB transfer function with the D65 white point, and the 3×3 matrices for XYZ, CIE LAB/LUV and OKLab are the published ones, so the numbers match what design tools report. Anything outside the 0–1 linear sRGB range is flagged as out of gamut, which is what happens to saturated P3 or Rec.2020 colours. All maths runs locally in your browser — no image or colour value is ever uploaded.
- 100% free — no account needed
- Runs in your browser
- Nothing is uploaded
Frequently asked questions
Is Colour Format Converter really free?
Yes. Colour Format Converter is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.
Does Colour Format Converter upload my data?
No. Colour Format Converter runs entirely inside your browser, so anything you type, paste, or open stays on your own device.
Do I need to sign up or install anything?
Neither. There is no account and nothing to download — open the page and Colour Format Converter is ready to use on desktop or mobile.
Does Colour Format Converter work offline?
Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.
More utility tools
Password Strength Checker
Score your password strength and generate stronger ones.
Password Generator
Generate strong random passwords with configurable length and character sets.
Decision Maker
Let the tool randomly pick from your list of options.
Yes or No Wheel
Spin a wheel for a random yes or no answer.
Discord Timestamp Generator
Pick a date and time to generate Discord timestamp tags with live preview and one-click copy.
Discord Embed Builder
Design Discord embeds with live preview — copy JSON for bots, webhooks, and Discord.js.