Utiloza Color tools

Free browser-based color tools

Color tools for cleaner design decisions.

Pick colors, copy HEX/RGB/HSL values, check contrast, generate palettes, and build CSS gradients directly in your browser.

Fast color work Color picker, HEX/RGB/HSL values, contrast checks, palettes, and copy-ready CSS.

Tool directory

Choose a color tool

Useful color workflows grouped into focused pages.

HEX

Color Picker

Pick a color, preview it, copy HEX/RGB/HSL values, generate shades, and choose readable text.

  • Native color picker
  • HEX, RGB, HSL
  • Shades and tints
 Aa

Contrast Checker

Compare foreground and background colors with WCAG-style pass/fail labels.

  • Contrast ratio
  • AA checks
  • Preview text
 5

Palette Generator

Create a balanced palette from a base color and copy HEX values.

  • Five colors
  • Random base
  • Copy swatches
 CSS

Gradient Generator

Build a linear gradient, preview it, and copy CSS output.

  • Two colors
  • Direction selector
  • CSS output