SRGB HDR

rgb(67% 65% 45%)

OKLAB HDR

oklab(72% -0.01 0.07)

OKLCH HDR

oklch(72% 0.07 100)

P3 HDR

color(display-p3 0.67 0.65 0.48)

Name

darkkhaki

RGB

rgb(172, 166, 116)

HEX

#aca674

HSL

hsl(54 25% 56%)

HWB

hwb(54 45% 33%)

HSV

color(--hsv 54 33% 67%)

CMYK

cmyk 0%, 3%, 33%, 33%

LAB

lab(67.7 -3.54 26.8)

LCH

lch(67.7 27 97.5)

XYZ

color(xyz-d65 0.338 0.373 0.219)

Your all-in-one color picker & converter

Never struggle with color formats again. From standard web colors to next-generation visuals, this is the only picker and converter you'll need to get the precise color value for any application.

How does it work?

Use the intuitive visual color picker to find the perfect shade, or simply paste in a color code you already have. The tool instantly converts your selection into a comprehensive list of formats. With a single click, you can copy the value you need: Hex, RGB, HSL, or even advanced P3, OKLAB and other HDR color values for cutting-edge displays.

Tips & Keyboard shortcuts

Learn how to use the tools effectively with these tips and shortcuts.

Basic Actions

  • Generate random color

    Space
  • Export as image

    Ctrl + E
  • Show this help

    F1

History & Navigation

  • Undo last change

    Ctrl + Z
  • Redo undone change

    Ctrl + Shift + Z

Fine-tune Colors

  • Increase brightness

    Shift + ↑
  • Decrease brightness

    Shift + ↓
  • Adjust hue clockwise

    Shift + →
  • Adjust hue counter-clockwise

    Shift + ←

Pro Tips

  • Click any color format value to copy it to your clipboard

  • Use fine-tune adjustments to explore similar color variations

  • Your color history is automatically saved for easy backtracking

Submit feedback

We'd love to hear from you, tell us what you think about Colorffy, and what we can improve.

What's your suggestion? 💡

0/200 characters

Optional

Automatically detected to help us understand context

Create your free account

Sign up to save and like your color palettes, gradients, and more.

Sign up with

or

Already have an account? Log in

By signing up, you agree to our Terms of Service and Privacy Policy

Upgrade to Pro and build faster.

Trusted by designers and developers around the world.

.css.csv.scss.json.pdf.jpg.png.svgtailwindstyle dictionarywallpapers4kultrawidewidescreenapp tokensflutterandroidswiftmaui.nethdr colors

Create faster. Export anywhere.

Unlock advanced exports, app tokens, unlimited collections, wallpapers, and an ad‑free experience.


  • AI tools for color insights and faster creation

    New
  • Export a polished Branding Kit as PDF

    New
  • Export Light/Dark themes to CSS and CSV

    New
  • Generate app color tokens for Android, Flutter, Swift, and .NET MAUI

    New
  • App gradient code (Android, Flutter, Swift)

    New
  • One‑click wallpapers for desktop and mobile (4K, ultrawide, iPhone, Pixel, more)

    New
  • Unlimited collections

    New
  • Export color data to JSON, CSS, SCSS, Tailwind, Style Dictionary, and CSV

  • Download colors as PNG, JPG, or SVG

  • Ad‑free experience

PWA prompt