Colour Studio Pro Max

Check text readability for websites and apps.

Create a matching 5-colour palette from a base colour.

Generate complementary, analogous and triadic colour combinations.

Convert a HEX code into common CSS colour formats.

Preview palette with grayscale and simulated contrast.

Create linear, radial or conic CSS gradients.

Choose an image to extract its most frequent sampled colours. Processing stays in this browser.

Choose a JPG, PNG, WebP or other browser-supported image.

Set core colors for a reusable design system.

Export a palette as CSS variables, JSON or HEX list.

Generate lighter and darker variations.

Lock your favorite color and generate related choices around it.

The locked base stays unchanged while companion colors are generated.

Keep a session history of colors used in this panel.

Save favorite colors for this session.

Mix two colors using a blend percentage.

Quickly create and copy a two-color gradient snippet.

Build a simple website theme with coordinated roles.

Generate a fresh random five-color palette.

Estimate a plain-language name from a color hue.

Mint / cyan family

Collect HEX codes from this panel and copy them together.

Preview a compact mobile card with your chosen colors.

Restore these added tools to their default state.

Only the added tool panels are reset; original calculator and colour tools are not cleared.

Save panel positions, sizes and open/closed states on this device.

Layout is stored only in this browser.

Mix three colors with individual weights.

Build a gradient with four colour stops.

Compare two five-colour palettes side by side.

Preview text on a chosen background and check contrast guidance.

తెలుగు: అన్ని Pro టూల్స్‌ను ఒకే చోటు నుంచి తెరవండి. English: Open the main Pro tools from one convenient hub.

Choose a tool above. / పై బటన్లతో టూల్‌ను తెరవండి.

తెలుగు: ఒక రంగు ఎంచుకుంటే HEX, RGB, HSL, contrast ratio, complementary మరియు triadic రంగులు live‌గా చూపిస్తుంది. English: Inspect colour values and useful colour relationships live.

తెలుగు: ఒక రంగుతో 9 రంగుల shade/tint scale తయారు చేసి CSS, JSON లేదా SVG palette‌గా export చేయండి. English: Generate a 9-step colour scale and export it as CSS, JSON, or an SVG swatch sheet.

Check readable text contrast for a palette.

Create a brand palette with primary, secondary and accent colors.

Browse 100 generated theme combinations. Tap a swatch to copy its HEX value.

Generate a 1000-colour scale from a seed colour, then export all HEX values as text or JSON.

There is no practical need for infinitely many numbered panels. This lab generates a user-selected palette size.

Identify likely common colour name from a selected HEX value.

Build a live linear gradient and copy CSS.

Generate coordinated 5-colour palettes from a seed colour.

Explore warm and cool variations of a selected colour.

Preview heading, paragraph and button text on a background.

Create CSS design tokens for colours, spacing and radius.

Shuffle a generated palette and lock favourite swatches.

Compare two colours and show RGB distance.

Preview a colour at different opacity levels on checkerboard.

Create a duotone-style gradient preview from two colours.

Design a button with live background, text, radius and shadow.

Preview a card and export its CSS.

Create a printable swatch sheet from five chosen colours.

Generate random HEX colours and keep a short collection.

Save named colour notes locally in this browser.