Design

Colour Contrast Checker

Enter a text colour and a background colour to see the contrast ratio and whether it passes the WCAG levels.

HEX, RGB and HSL Colour Converter

Type a colour in any format or pick one, then copy it as HEX, RGB or HSL.

Print Size and DPI Calculator

Convert a print size between millimetres, centimetres, inches and pixels at the DPI you set.

Aspect Ratio Calculator

Find the aspect ratio of an image or video, or work out a missing width or height from a ratio such as 16:9.

Image Color Picker

Pick a color from a point in a local image and show prominent colors from it.

Color Palette Generator

Build coordinated palettes from a base color, with export formats for design and code.

Gradient Generator

Build a linear or radial gradient, control stops and direction, then copy CSS or download an image.

Light and Dark Theme Color Preview

Try brand colors on a card, buttons, and fields in both themes, with contrast indicators.

Arabic and English Font Preview

Compare licensed or local fonts on headings, paragraphs, and numbers before choosing one.

Print Bleed and Margin Calculator

Calculate the final design size with bleed and safety margins you set for print.

CSS Shadow and Border Generator

Preview a shadow, rounded corners, and a border, then export the values as one snippet.

CSS Grid and Flexbox Generator

Set rows, columns, alignment, and gaps visually, then copy a small HTML and CSS example.

Fluid Typography Calculator

Calculate heading and paragraph scales and CSS clamp values between two screen widths.

SVG Pattern Generator

Create dots, grids, lines, and geometric shapes you can recolor and download.

Print Sheet Layout Calculator

Calculate how many cards or labels fit on a sheet, with margins and gaps.

Visual Asset Requirements Checker

Compare an image or logo with width, height, and transparency requirements you provide.

Placeholder Image Generator

Create placeholder images at a size, color, and label you set for page tests.

Arabic Font Coverage Checker

Check a local font for Arabic letters, digits, and diacritics, with a display sample.

Brand Colors and Fonts Reference Sheet

Enter colors, fonts, and a logo to produce a printable brand reference sheet.