Use this free online color picker to choose a color or enter a HEX code. Instantly view RGB, HSL, HSV, and approximate CMYK values, explore complementary and analogous colors, and check text contrast against white or black.
01 / CHOOSE A COLOR
Enter #RGB or #RRGGBB. Valid colors are displayed in uppercase six-digit HEX.
02 / COLOR FORMATS
CMYK is an approximate screen-color conversion; printed results depend on ink and color profiles.
03 / RELATED COLORS
04 / ACCESSIBILITY
WCAG AA: Fail · AAA: Fail
WCAG AA: Pass · AAA: Fail
AA normal text requires at least 4.5:1 contrast; AAA normal text requires 7:1. Ratios are calculated before display rounding.
Colors are calculated locally in your browser. No values are uploaded or tracked.
How it works
Choose the supported file from your device.
Use the available settings for the result you need.
Save the completed file directly to your device.
Choose a color with the visual picker or enter a 3- or 6-digit HEX code. Copy the displayed HEX, RGB, HSL, HSV, or approximate CMYK value. Explore the complementary color and five-color analogous palette, then review WCAG AA/AAA normal text contrast against white and black.
Find color codes without installing software. Compare color formats, copy values for web design and CSS, discover related color combinations, and check normal text contrast against white or black. All color calculations run in your browser.
Color values and conversions are calculated locally in your browser and are not uploaded to Nimzoa's application servers for processing. Website analytics are separate from the colors you select.
Enter #RGB or #RRGGBB. Both are normalized to uppercase six-digit HEX for results and copying.
CMYK is an approximate conversion from screen RGB. Actual print colors depend on ink, paper and color profiles.
The complementary hue is rotated 180°, while five analogous swatches use hue offsets around the chosen color. Grayscale has no distinct hue.
For normal text, AA requires a contrast ratio of at least 4.5:1 and AAA at least 7:1. The full precision ratio is used for pass/fail.
No. All color calculations take place locally in your browser.
Enter a three-digit or six-digit HEX code into Nimzoa's color picker. The tool displays the corresponding RGB values automatically. For example, #3B82F6 becomes rgb(59, 130, 246).
Yes. Nimzoa checks the selected color against white and black and displays WCAG AA and AAA results for normal text. AA requires at least 4.5:1 contrast, and AAA requires at least 7:1. The tool does not evaluate arbitrary two-color combinations.
Yes. Enter a HEX code and Nimzoa displays a complementary color and a five-color analogous palette. These help you explore related color combinations. The tool does not extract palettes from uploaded images.
Choosing the right color is important when designing websites, creating graphics, or preparing a consistent visual identity. A color might look right on screen, but you may still need its exact HEX code, RGB values, or another color format to use it in your project.
Nimzoa's free online color picker lets you select a color visually or enter a HEX color code. The tool displays the corresponding RGB, HSL, HSV, and approximate CMYK values, along with a live preview.
You can also explore complementary and analogous colors and check how the selected color performs against white or black for normal-text contrast.
Use the visual color picker to select a color, or enter a HEX code directly.
For example, try:
#3B82F6
The live preview updates to display the selected color.
Review the HEX, RGB, HSL, HSV, and approximate CMYK values displayed in the conversion section.
Use the Copy button beside the format you need. You can paste the value into CSS, a design application, or another compatible tool.
Review the complementary color and five-color analogous palette to find color combinations.
Review the displayed WCAG AA and AAA normal-text results against white and black.
These results can help you make more informed color choices for readable text.
A HEX color code represents a color using hexadecimal values, commonly written with a hash symbol followed by six characters.
For example:
#3B82F6
The six digits represent the red, green, and blue channels:
3B represents red.
82 represents green.
F6 represents blue.
Each two-digit channel can represent a value from 0 to 255.
HEX color codes are widely used in CSS, website design, and digital graphics.
Color | HEX Code |
|---|---|
Black | #000000 |
White | #FFFFFF |
Red | #FF0000 |
Green | #00FF00 |
Blue | #0000FF |
Yellow | #FFFF00 |
Cyan | #00FFFF |
Magenta | #FF00FF |
Nimzoa accepts three-digit and six-digit HEX color inputs. Valid colors are displayed in uppercase six-digit format.
RGB stands for Red, Green, and Blue. It describes colors using three numerical channels, usually from 0 to 255.
For example:
HEX: #3B82F6
RGB: rgb(59, 130, 246)
Both values describe the same color in the standard RGB color space.
Take the six-digit HEX code and divide it into three pairs.
For #3B82F6:
Red: 3B in hexadecimal = 59
Green: 82 in hexadecimal = 130
Blue: F6 in hexadecimal = 246
The RGB result is:
rgb(59, 130, 246)
Nimzoa performs this conversion automatically when you select or enter a HEX color.
You can also understand the reverse conversion mathematically.
Each RGB channel is converted from decimal to a two-digit hexadecimal value.
For example:
rgb(255, 165, 0)
Becomes:
#FFA500
This is the familiar orange color.
Nimzoa displays the RGB equivalent of the selected HEX color, but its current interface does not provide separate numerical RGB input fields.
If you already know an RGB color, you can convert its channels to HEX first and enter the resulting HEX code.
HSL stands for Hue, Saturation, and Lightness.
Hue identifies the general color family and is commonly represented in degrees.
Saturation describes the intensity of the color.
Lightness describes how light or dark the color is.
HSL can be useful when thinking about related shades, visual themes, and CSS color styling.
For example, the selected HEX color #3B82F6 corresponds approximately to:
hsl(217, 91%, 60%)
Nimzoa displays the HSL value automatically when you select a color.
HSV stands for Hue, Saturation, and Value.
Like HSL, it describes colors using a hue angle and saturation, but its third component measures value rather than lightness.
HSV is commonly used in color selection interfaces and digital graphics workflows.
Nimzoa displays HSV alongside the other color formats so you can compare the different representations.
HSL and HSV are not interchangeable: the same color can have different saturation percentages in each model.
CMYK stands for Cyan, Magenta, Yellow, and Key (Black).
It is commonly associated with printing, where ink combinations produce colors on physical materials.
Nimzoa displays an approximate CMYK conversion based on the selected screen color.
However, a mathematical HEX to CMYK conversion is not the same as a professional print-color conversion.
Printed results depend on factors such as:
Printer and ink characteristics
Paper type
ICC color profiles
Printing process
Color-management settings
Use Nimzoa's CMYK values as a general reference, not as a print-ready color specification.
For professional printing, confirm the required color profile and specifications with your print provider.
Complementary colors are located opposite each other on a traditional color wheel.
They can create strong visual contrast and are often used to highlight important design elements.
For example, blue and orange are a familiar complementary pairing.
Nimzoa displays a complementary color based on the selected color.
Complementary colors can help when designing:
Call-to-action elements
Presentation graphics
Website accents
Posters
Social media visuals
Illustrations
However, complementary colors are not automatically accessible or visually balanced. Always check readability and the overall design.
Analogous colors are positioned near each other on a color wheel.
They often share visual characteristics and can create a coordinated color scheme.
Nimzoa provides a five-color analogous palette based on your selected color.
For example, choosing a blue color may produce related cyan, blue, and violet tones.
You might choose:
One main brand or interface color
A nearby color for secondary elements
Another related color for accents
Analogous colors can work well for websites, dashboards, illustrations, and visual presentations.
Nimzoa currently provides a complementary swatch and a five-color analogous palette. It is not a full image-based palette extractor or an advanced theme-generation system.
Color contrast describes the difference in perceived brightness between two colors.
Contrast is especially important for text because insufficient contrast can make words difficult to read.
Nimzoa calculates the contrast ratio of your selected color against:
White (#FFFFFF)
Black (#000000)
It then displays WCAG AA and AAA results for normal text.
A contrast ratio is expressed as a value such as:
4.5:1
Higher ratios generally indicate a greater difference in relative luminance between the compared colors.
For normal text, WCAG 2.x contrast thresholds include:
Level | Minimum Ratio |
|---|---|
AA | 4.5:1 |
AAA | 7:1 |
These thresholds apply to normal text. Large text has different contrast requirements.
For the example color #3B82F6, Nimzoa displays approximately:
Against white: 3.68:1
Against black: 5.71:1
This means the selected blue does not meet the 4.5:1 AA normal-text threshold against white, but it does meet AA against black.
Neither pairing meets the 7:1 AAA normal-text threshold.
The tool evaluates these two specific combinations. It does not test arbitrary foreground and background pairs or certify an entire website's accessibility.
Choose text and background colors that are easy to distinguish.
A color that works well against black may perform poorly against white.
Contrast requirements differ by text size and weight under WCAG 2.x.
Important information should not depend solely on color differences.
Color contrast is one part of accessibility. Typography, spacing, focus indicators, and other design choices also matter.
HEX, RGB, and HSL are common ways to define colors in CSS.
For example:
HEX
color: #3B82F6;
RGB
color: rgb(59, 130, 246);
HSL
color: hsl(217, 91%, 60%);
These examples describe approximately the same blue color.
A visual color picker can help developers and designers find suitable values without manually calculating every color channel.
Find HEX, RGB, and HSL values for CSS, interfaces, and design systems.
Explore color combinations and copy values for compatible design applications.
Review color contrast and develop coordinated interface palettes.
Choose consistent colors for presentations, graphics, and digital content.
Learn how HEX, RGB, HSL, HSV, and CMYK color models differ.
Explore colors for websites, marketing graphics, and basic visual branding.
Start with a primary color and build supporting colors around it.
Use analogous colors when you want a coordinated visual style.
Complementary colors can draw attention, but they should be used thoughtfully.
A visually attractive color combination may still fail normal-text contrast requirements.
Copy HEX or other color values to keep your design consistent across projects.
Colors can appear different depending on displays, lighting, and printing conditions.
Nimzoa calculates color values directly in your browser.
You can select a color, enter a HEX value, compare formats, and review related colors without uploading color data to Nimzoa's application servers for conversion.
Website analytics are separate from the color values used by this tool.
No account is required to use the color picker.
Use the Color Picker & HEX Converter above to select colors, view HEX and RGB values, compare HSL and HSV representations, explore complementary and analogous palettes, and check normal-text contrast against white or black.
For related tasks, explore Nimzoa's QR Code Generator, which includes color customization, and other Developer Tools.