Colour

browser

Convert hex/rgb/hsl/oklch, check WCAG contrast, build a clean tint ramp.

Colour

Any format the browser understands

HEX: #c9a227
RGB: rgb(201 162 39)
HSL: hsl(46 68% 47%)
OKLCH: oklch(0.728 0.138 90)
Alpha: opaque

Contrast against this app

On the dark bg

8.19 : 1 · AAA

On the ink colour

2.03 : 1 · fails

this text on the app background

this text on the app ink

WCAG 2.1: AA needs 4.5:1, large text 3:1, AAA 7:1.

Tint ramp

:root {
  --knife-01: #f5f0e8;
  --knife-02: #ebe0cd;
  --knife-03: #e1ceac;
  --knife-04: #d5ba80;
  --knife-05: #c9a227;
  --knife-06: #b69222;
  --knife-07: #a0801d;
  --knife-08: #856a16;
  --knife-09: #604c0d;
}

Mixed in linear light, so the midtones stay clean.

Palette from an image

idle

Choose fileRead in the browser and sampled at ≤128 px — never uploaded

Drop an image — the dominant colours come out as copyable hex.

Loading tool…