PALETTETIDY · COLOR WORKSPACE

对比度

颜色处理在浏览器中完成。图片保留在您的设备上。

对比度

4.44:1Contrast ratio

WCAG 2.2: normal text AA ≥ 4.5:1, AAA ≥ 7:1. Large text AA ≥ 3:1, AAA ≥ 4.5:1. Large means at least 24 CSS px, or about 18.67 px bold.

Aa

Make room for good ideas.

A calmer space for your next project.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

每个创意的起点。

导出

Download to your device. Nothing is stored on our server.

Detailed help below is in English. All primary controls are available in 简体中文.

01

Create

Generate a palette, choose a starting point, or extract the colors from an image.

02

Refine

Lock your favorites. Check real text contrast and preview your colors in a layout.

03

Take it with you

Copy CSS, download design tokens or share a link. No account needed.

Frequently asked questions

Are my images uploaded?

No. Images are decoded and sampled inside your browser tab. The website has no image upload endpoint. Ads and optional analytics make separate network requests.

Will my palette be saved?

Your work stays in this tab. Download it or copy a share link before closing. The link stores color codes in its fragment, not in a database. Language and privacy choices may be remembered on this device.

Does a passing contrast score guarantee accessibility?

No. This tool checks opaque sRGB color pairs. Fonts, size, focus states, backgrounds, gradients and context still need testing. Do not communicate meaning with color alone.

What formats can I convert?

Enter 3- or 6-digit HEX, RGB, HSL or one of the listed CSS names. Read HEX, RGB, HSL, HSV, approximate CMYK and OKLCH. Alpha colors are intentionally not accepted, since the background changes their appearance.

调色板 →图片取色 →颜色转换 →对比度 →渐变 →指南 →