Skip to content

A space we build together

MOA
Log in

Color Converter

Convert HEX, RGB, CMYK and HSL color codes to each other, and check text/background contrast (WCAG) and palette combinations.

RGB (0–255)
CMYK (0–100%)

CMYK values are approximations from the standard formula, without a color profile (ICC).

Copy-ready formats

  • HEX
  • RGB
  • CMYK
  • HSL

Color Contrast Checker

Measures the luminance contrast of a text/background pair by WCAG 2.x, and tabulates every combination in a palette. Body text should reach 4.5 : 1.

Large text sample (18pt+)

This is regular-size sample text. Check that it stays readable at body size.

Contrast ratio

    Palette matrix

    List colors separated by new lines or commas (up to 12) to see the contrast of every text/background combination. Click a cell to load it into the checker above.

    Based on WCAG 2.x relative luminance. It does not guarantee real-world legibility, which also depends on weight, size and surrounding colors. Ratios are truncated (not rounded) to two decimals so 4.499 never looks like a pass at 4.50. Colors you enter are not sent to the server.

    Color harmony & shades

    Generate matching colors and a 50–950 scale from one base color, then copy it as CSS or Tailwind. Click a swatch to copy its HEX; the contrast of text on it is shown too.

    Matching colors

    Hue is rotated on the color wheel while saturation and lightness stay the same. Use it as a starting point and refine by eye.

    50–950 scale

    500 is your base color; lighter steps mix in white and darker steps mix in black. It works best when the base is a mid tone. Values differ from the official Tailwind palette.

    RGB vs CMYK

    RGB CMYK
    Method Additive mixing of light Subtractive mixing of ink
    Used for Screens, phones, web Print, cards, posters
    Primaries Red, green, blue Cyan, magenta, yellow, black
    Gamut Wide (bright, vivid colors) Narrow (no neon or very vivid colors)

    Conversion formula

    K = 1 − max(R′, G′, B′), C = (1 − R′ − K) ÷ (1 − K), M = (1 − G′ − K) ÷ (1 − K), Y = (1 − B′ − K) ÷ (1 − K) (R′ = R ÷ 255). The inverse is R = 255 × (1 − C) × (1 − K).

    Why printed colors look different

    A monitor emits light, while print reflects light off paper. CMYK also covers a smaller range than RGB, so vivid screen blues and greens turn dull in print. For important jobs, convert with the profile your printer requires and check a proof.

    About black

    Use K only (C0 M0 Y0 K100) for body text. A black made from all four inks blurs at the edges of small text.

    FAQ

    Why does the result differ from my printer?

    This tool uses the standard formula without a profile, so it is an approximation. Use your printer's ICC profile for exact colors.

    Is my color saved on the server?

    No. Everything is calculated in your browser and nothing is sent anywhere.

    Can I type a 3-digit HEX?

    Yes. #F00 is read as #FF0000.

    How to use this tool

    Use it to convert color codes for web or design work and to check readability. Convert between HEX, RGB, CMYK and HSL, check the contrast of text and background colors (WCAG) and view a palette combination table.

    Frequently asked questions

    What is the difference between HEX and RGB?

    Both describe the same color. HEX uses hexadecimal such as #3366FF; RGB uses red, green and blue values (0–255). You can convert between them here.

    Why check text and background contrast?

    Low contrast is hard to read. Check it against WCAG to see whether the colors are accessible.

    Does it support CMYK?

    Yes. It converts between HEX, RGB, CMYK and HSL. Print CMYK may look different from on-screen colors.

    See all tools

    Unit converter

    Convert length, weight, temperature, area and volume, including traditional Korean units such as pyeong, geun, don and ja.

    Exchange rates & alerts

    Convert between major currencies at the Korea Eximbank base rates, and get an email when a rate you care about is reached.

    Quote & statement maker

    Enter your items to get a document preview with supply value, VAT and total (with the amount in Korean words), then print it or save it as a PDF. Nothing you enter is sent to a server.

    Salary & Payroll Calculator

    Take-home pay after Korean social insurance and income tax, weekly-holiday allowance, severance pay and unemployment benefit. Uses that year's rates; nothing you enter leaves this browser.

    Real Estate Calculators

    Korean brokerage fee caps, home acquisition tax, jeonse-monthly rent conversion and LTV/DSR loan limits. Reference calculations using that year's rules; nothing you enter leaves this browser.

    Location Data Converter

    Convert between GPX, KML and GeoJSON, transform WGS84 and Korean TM / UTM-K coordinates, switch coordinate notations, and compute distance and bearing. Files and coordinates never leave this browser.