Design
Colour palettes, contrast checking, gradients, shadows and CSS helpers. Includes a WCAG contrast checker and a colour-blindness simulator, so you can catch accessibility problems before they ship.
Color Palette ExtractorUpload an image to extract its dominant colors as a palette of HEX codes β fast, free and 100% in your browser.Color Blindness SimulatorSimulate protanopia, deuteranopia, tritanopia and achromatopsia on any image or color to check accessibility β all in your browser.Color Harmony GeneratorPick a base color to instantly generate complementary, analogous, triadic, tetradic, split-complementary and monochromatic palettes with copyable HEX codes.CMYK ConverterConvert colors between CMYK, RGB, HEX and HSL for print and web design, instantly in your browser.Color Name FinderEnter a HEX or RGB color to find its nearest named color, with close alternatives β all in your browser.ASCII Art GeneratorTurn any image into ASCII art with adjustable width, then copy it β processed entirely in your browser.Border Radius GeneratorVisually craft CSS border-radius with four corner sliders, px or %, and elliptical corners β live preview and copy-ready code, in your browser.Cubic Bezier EditorDesign CSS easing curves with draggable control points, preview the animation and copy the cubic-bezier() value. Presets included, in your browser.Glassmorphism GeneratorCreate frosted-glass (glassmorphism) cards with sliders for blur, transparency, saturation, border and radius β live preview and CSS, in your browser.