Wheel Color Picker

Dive into the world of gooey fun! Spin the wheel to craft your unique slime masterpiece

Home Wheel Color Picker
Dive into the world of gooey fun! Spin the wheel to craft your unique slime masterpiece

Color Wheel Picker

Color Values

HEX
RGB
RGBA
HSL
HSLA
CSS Variables
Contrast Ratio
WCAG Level

Sample Text Preview

This is how your text will look with these colors.

WCAG Guidelines:

  • AAA: 7:1 or higher (Enhanced)
  • AA: 4.5:1 or higher (Minimum for body text)
  • AA Large: 3:1 or higher (For large text 18pt+)

Material Design

Tailwind CSS

  1. 1 Interact with Wheel: Drag the selector on the color wheel to visually choose your desired hue.
  2. 2 Adjust Brightness/Saturation: Use the sliders or squares to fine-tune the shade.
  3. 3 Read Codes: Instantly view the corresponding Hex, RGB, and HSL color codes for your selection. Pick a color now!
This website uses Cookies to ensure optimal user experience.