Web and app color documentation
Record that a HEX color is sRGB-compatible and safe for ordinary web color workflows.
Gamut checker
Free color gamut checker for screen and print context.
Check a HEX/sRGB color against common display gamut context. Hue Codex reports sRGB fit, explains why sRGB colors fit inside Display P3 and Rec. 2020, shows an approximate CMYK value, and reminds you where printer, paper, ink, and ICC profiles still matter.
Free color utility
Gamut Checker
Inputs update live, exports are copy-ready, and the color math stays deterministic.
Gamut
Color fit
Instructions
- Enter a color value or use Random to test a new sample color.
- Review the preview to confirm the color being checked.
- Use the gamut results to see whether the color fits common screen color spaces.
- Copy the gamut report for review notes, color checks, or design-system documentation.
#3D5AFE
Color preview
How it fits
From color value to usable system.
Hue Codex treats each color as part of a larger workflow: conversion, accessibility, palette roles, CSS syntax, shareable URLs, and production exports.
Deterministic math
Color conversion follows CSS Color 4 conventions, including D50 Lab/LCH, D65 OKLab/OKLCH, and WCAG contrast thresholds.
Readable outputs
Every result is formatted for clear reading, project notes, documentation, and assistive technology.
Free sharing
Palette URLs can be bookmarked and sent without an account, making color decisions easy to revisit.
Quick overview
Hue Codex Gamut Checker is a free browser-based tool for checking HEX/sRGB color gamut context. It reports that the selected color is in sRGB, explains that sRGB colors are contained inside wider Display P3 and Rec. 2020 gamuts, provides an approximate CMYK value, and includes a print caveat for printer, paper, ink, and ICC-profile differences.
- Use it to document whether a selected HEX/sRGB color fits common display gamut context.
- An sRGB color is also representable inside Display P3 and Rec. 2020 because those gamuts contain sRGB.
- The CMYK value is approximate and should not be treated as final print production data.
- Real print results depend on printer, paper, ink, press condition, total ink limits, and ICC profiles.
- For true wide-gamut authoring, check browser support, color spaces, and fallback behavior separately.
What the Hue Codex gamut checker does
The Hue Codex gamut checker starts with a HEX/sRGB color and reports how that selected color fits common screen gamut context. Because the input is an sRGB color, the tool reports it as in gamut for sRGB and notes that it is also representable inside Display P3 and Rec. 2020.
The checker also provides an approximate CMYK value and a copy-ready gamut report. This makes it useful for documenting screen-color assumptions and for starting print conversations without pretending that a browser-side conversion is a press proof.
Color gamut definition
A color gamut is the range of colors a color space, display, printer, or output process can represent. A color is in gamut when it can be represented by the target space without mapping or clipping.
Gamut results shown by Hue Codex
The current gamut report is intentionally conservative: it starts from sRGB-compatible HEX input and explains how that color relates to common wider display spaces and print-oriented approximation.
| Field | What it means | How to use it |
|---|---|---|
| sRGB | The selected HEX color is representable in sRGB. | Use this as the baseline for ordinary web and UI color work. |
| Display P3 | The selected sRGB color is contained inside the wider Display P3 gamut. | Useful context for modern wide-gamut screens and CSS color planning. |
| Rec. 2020 | The selected sRGB color is contained inside the wider Rec. 2020 gamut. | Useful context for HDR and video-oriented gamut discussions. |
| CMYK approximation | A rough process-color conversion from the selected screen color. | Use only as a starting point before print-specific conversion and proofing. |
Best uses for gamut checks
Gamut checking is most useful when a color needs to move between screens, CSS, design-system documentation, and print conversations. It helps clarify whether a color is ordinary sRGB, wide-gamut-specific, or only an approximate print candidate.
Wide-gamut planning
Use the Display P3 and Rec. 2020 context to explain how sRGB colors relate to wider display spaces.
Print handoff preparation
Copy the approximate CMYK value as a conversation starter before real print profiling and proofing.
Color QA notes
Include the gamut report in design-system documentation, project notes, or color review comments.
CMYK and print caveats
The CMYK value is approximate. It is calculated from the screen color and does not know the printer, paper, ink set, press condition, total ink limit, or ICC profile that will control real output.
For production print work, use the printer or vendor specification, color-managed software, calibrated proofing, and the correct profile for the job. A simple browser-side CMYK approximation is useful for planning, not final approval.
Treat approximate CMYK as a reference value. Final print color requires proofing and profile-aware conversion.
Wide-gamut caveats
A color can be valid in Display P3 or Rec. 2020 and still need fallback behavior for browsers, displays, screenshots, exports, or tools that only expect sRGB. Wide-gamut color choices should be tested in the actual environments where they will appear.
Because the Hue Codex gamut checker starts from HEX/sRGB input, it does not prove that an arbitrary Display P3 or Rec. 2020 authored value will map cleanly back to sRGB. Use gamut checks, CSS fallbacks, and visual review together when authoring wide-gamut color.
sRGB compatibility is useful, but it is not the same thing as full wide-gamut production QA.
Quick answers
Gamut Checker FAQ
What is the Hue Codex gamut checker?
The Hue Codex gamut checker is a free online tool that reports gamut context for a selected HEX/sRGB color, including sRGB, Display P3, Rec. 2020, and approximate CMYK output.
What is a color gamut?
A color gamut is the range of colors a color space, display, printer, or output process can represent.
Is an sRGB color inside Display P3?
Yes. Display P3 is a wider gamut than sRGB, so an sRGB color is representable inside Display P3.
Is an sRGB color inside Rec. 2020?
Yes. Rec. 2020 is wider than sRGB, so an sRGB color is representable inside Rec. 2020.
What does out of gamut mean?
Out of gamut means a color cannot be represented by the target color space, display, printer, or output process without mapping or clipping.
Is the CMYK value final for print?
No. The CMYK value is approximate. Final print color depends on printer, paper, ink, press condition, and ICC profile.
Can this tool validate arbitrary Display P3 colors?
The current tool starts from HEX/sRGB input, so it gives gamut context for sRGB colors rather than fully validating arbitrary Display P3 or Rec. 2020 authored values.
Does gamut fit guarantee accessible contrast?
No. Gamut fit only describes whether a color can be represented in a color space. Use a contrast checker to test readability.