SVG & XML Color Profile Info Studio v13

Import an SVG or XML palette, normalize its colors into detailed color-space information, analyze complementary colors, then export editable SVG reports or previewable CSS / JSON / XML data.

Theme

Local-only · no upload

Session autosave · Ready

1 · Source SVG / XML Palette

No file

Drop SVG or XML palette here or choose a local .svg / .xml file

No source loaded.

Compare current palette with another SVG or XML palette.

Source preview

0paintable elements

0unique fill colors

0stroke-only colors ignored

0gradient fills

SVG rule: profile data is derived from fill. Stroke does not become a color profile entry. XML palettes use their color entries directly.

HEX/RGB/HSL are color values, not proof of an embedded ICC profile. XML RGB/CMYK entries preserve their original source values while derived spaces are normalized through an sRGB / D65 working assumption.

2 · Detected color profiles

Output layout

Color view

Export package

Sort

Near duplicate

Near duplicate · ΔE00

Near duplicate compares colors using CIEDE2000 (ΔE00). A smaller ΔE means the two colors are visually closer.

ΔE ≤ 1 · extremely close
ΔE ≤ 2 · very similar
ΔE ≤ 3 · small visible difference
ΔE ≤ 5 · broader similarity grouping

This setting only flags/groups similar colors. It does not change the source color.

Export fields · 12/12

Export Fields

HEX · hexadecimal RGB notation
RGB · red, green, blue channels
HSL · hue, saturation, lightness
HSV / HSB · hue, saturation, value/brightness
HWB · hue, whiteness, blackness
CMYK* · relative RGB-derived cyan, magenta, yellow, black
XYZ D65 · device-independent tristimulus values using D65 white
CIELAB · perceptual L*, a*, b* coordinates
LCH · lightness, chroma, hue form of Lab
OKLab · perceptual lightness and opponent color axes
OKLCH · lightness, chroma, hue form of OKLab
Luminance · relative light output used for contrast calculations

*CMYK here is a relative mathematical conversion, not a printer/device ICC separation.

Choose which profile rows appear in exported SVG and copied profile text.

HEX RGB HSL HSV / HSB HWB CMYK* XYZ D65 CIELAB LCH OKLab OKLCH Luminance

Palette Overview

Click or drag marquee to select0 selected

No colors detected yet.
Import an SVG with fills/gradients or an XML palette.

Created by @ervinf.dsg

©2026 Ervin Faristiyanto. All rights reserved.

Reset project?

This will clear the currently loaded SVG/XML source and all detected color-profile data from this session.

Color usage

Pre-export validation

Review source analysis and generated-SVG purity before opening export preview.

Color label & role

Custom aliasColor role

Color Role

Color Role is descriptive metadata for the color profile. It does not affect Palette Overview grouping or alter the color value.

Primary · main/core brand color
Secondary · supporting brand color
Accent · highlight/emphasis color
Background · intended background color
Text · intended text/foreground color
Neutral · gray/black/white/supporting neutral
Custom · user-defined purpose

Palette Overview Group

Apply one grouping label to the selected colors.

Group label

Palette Overview Group Label

Group Label is only for clustering colors inside Palette Overview. Colors sharing the same label automatically appear together.

You can use suggested labels such as Brand Primary, Brand Secondary, Accent, Neutral, Background, Text / UI, or Supporting, or type your own label.

Removing the label makes the color Ungrouped; it does not remove the color itself.

This label only controls clustering in Palette Overview. It does not change Color Role or the order of detailed color cards.

Manage Palette Group

Group label Rename updates every color in this group. Renaming to an existing label merges both groups.

Confirm Remove Label

This action only removes Palette Overview grouping labels. Colors and profile data will not be deleted.

SVG Palette Comparison

Added

Removed

Near changes

Text export preview

Export preview

Review the generated SVG before any download happens.

Generated SVG markup · native <text> retained

Download is only triggered after you confirm here.