Screens & Design

Aspect ratio, PPI, colour, contrast and CSS units.

• Aspect Ratio Calculator The aspect ratio of any width and height, and the nearest common ratio.
• Aspect Ratio Resize Calculator The new width or height that keeps an image’s shape, or the size that fits or fills a box.
• Colour Contrast Ratio Calculator (WCAG) The WCAG contrast ratio between two colours, with AA and AAA results for normal and large text.
• Colour Converter Convert a colour between HEX, RGB, HSL, HSV and CMYK.
• CSS Unit Converter Convert between px, rem, em, pt, vw, vh, percent and the physical CSS units.
• DPI for Print Calculator The DPI an image will print at for a given size, and the largest print it can make at a target DPI.
• EM to PX Converter Convert em to pixels and back, including what happens when em font sizes are nested.
• Frame Rate and Frame Time Calculator Convert frames per second to milliseconds per frame and back, and count the frames in a clip.
• Golden Ratio Calculator Split a length by the golden ratio, or find the other parts from either section.
• Grid Layout Calculator Column widths for a grid from its container width, column count, gutters and margins.
• HEX to RGB Converter Convert a HEX colour code, with or without alpha, to RGB values.
• Image Scaling Calculator The new size and pixel count of an image scaled by a percentage.
• PPI and Pixel Density Calculator Pixels per inch and dot pitch of a screen from its resolution and diagonal size.
• REM to PX Converter Convert rem to pixels and pixels to rem at any root font size.
• RGB to CMYK Converter Convert RGB values to cyan, magenta, yellow and black percentages.
• RGB to HSL Converter Convert RGB values to hue, saturation and lightness, with HSV and HEX.
• Screen Resolution Calculator Total pixels, megapixels and aspect ratio of a screen resolution, and the raw data rate it needs.
• Type Scale Calculator A modular scale of font sizes in px and rem from a base size and a ratio.
• Viewport Units Calculator Convert between pixels and vw, vh, vmin and vmax at any viewport size.