Color & Design tools
Colors, contrast and CSS helpers for designers.
Color ConverterPaste any CSS color and get it in every format, plus tints and shades.Contrast Checker (WCAG + APCA)Check if your text is readable, and get a fix when it is not.Color Palette GeneratorTurn one colour into a balanced palette and a full tint and shade scale.Color Palette from ImagePull the main colours out of a photo and export them for your design.CSS Gradient GeneratorDesign smooth CSS gradients visually and copy code that just works.PX to REM ConverterTurn pixels into rem, one value at a time or a whole stylesheet at once.Aspect Ratio CalculatorWork out a ratio, resize without stretching and find exact pixel sizes.Box-Shadow GeneratorBuild soft, realistic CSS shadows from layers and copy the code.CSS clamp() Fluid Type CalculatorMake text and spacing grow smoothly with the screen, without media queries.