CodeGrid-Tools

Color tools

Palette, color conversion, gradients, contrast checks, shades, and CSS shadows

6 toolsStart freeNo signup required

How it works

  1. 1Pick a colorEnter HEX or RGB
  2. 2Build paletteA palette is generated for you
  3. 3CopyCopy values to the clipboard

Features

  • Privacy

    Processed in your browser.

  • Speed

    No install; get results instantly in the browser.

  • Localized UI

    Flows and help copy are clear in Turkish and English, tuned for Turkish users.

  • Limits & Pro

    Free daily allowances are transparent; Pro unlocks unlimited use.

FAQ

Are HEX and RGB values accurate?

Values are derived from your pick in the browser; copy them into your design tools. Minor differences can come from screen calibration.

Why is copying sometimes limited?

Some actions are rate-limited to prevent abuse; Pro can unlock unlimited use.

How are lighter shades generated?

Variations are computed client-side from the base color; remember display calibration for print.

Is WCAG contrast supported?

Yes. Contrast ratio is calculated for text and background; AA and AAA levels are shown.