Color Easily

Check out blog articles by Color Easily!

Color Easily is the easy way to generate beautiful color palettes that look good on the page! The quick and easy way to discover and view new color palettes in real time.

FAQ

What color schemes are being used?

The default randomization method of "All" will randomly choose one of the following color schemes to generate the color palette:

  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Square
  • Tetradic

Each color scheme can be individually selected so that color randomization will use that specific color scheme.

Grayscale and True Random are two additional color schemes that can be individually selected, but are excluded from the default "All" selection.

How can I convert between color formats?

You can convert between Hex, RGB, HSL or HSV values on the color converter page.

Simply enter your chosen color's Hex, RGB, HSL or HSV value into the corresponding field and you'll get all 4 corresponding values. It's that easy!

What is APCA?

APCA or "Accessible Perceptual Contrast Algorithm" is the new and improved way to check perceptual contrast.

You can check your color's APCA values here.

If you want to learn more about APCA check out their "APCA in a Nutshell" documentation or visit their GitHub Repo Myndex / SAPC-APCA.

Can I change the site's font?

Yes! You can currently change the font to a selection of the most popular Google fonts.

Select a font from the dropdown on the toolbar to change the font for the current page.

P
Text
Bg
1
2
3
Text
Bg
1
2
3
Pick Colors!
Randomize! (spacebar)
Choose a
Color Scheme!
All
Light
Dark
Monochromatic
Analogous
Complementary
Split Complementary
Triadic
Square
Tetradic
Grayscale (excl. from All)
True Random (excl. from All)
Back!
Forward!
Export Colors!
  • CSS
  • PNG
  • CSV

Copy the root CSS variables for the current color palette:

:root {

  --text: ;

  --background: ;

  --accent1: ;

  --accent2: ;

  --accent3: ;

}

Export a .png file of the current color palette:

Text
Background
Accent 1
Accent 2
Accent 3

Export a .csv file that contains hex codes for every color palette you've seen this session:

Text Background Accent 1 Accent 2 Accent 3
... ... ... ... ...
... ... ... ... ...
Copied: