THE EFFECTPOP TOOLBOX

Colors & CSS

Find the colors and details that fit.

⌕8 tools

Build a balanced palette from one color.

Check the readability of text and background colors.

Find and copy the color of any pixel in your image.

Build a useful range of lighter and darker colors.

Move between HEX, RGB and HSL color values.

Fine-tune the depth and softness of a CSS shadow.

Arrange rows, columns and gaps, then take the CSS.

Shape a cubic-bezier curve and preview its motion.