Generators · Group 05 of 07
Two instruments for the first impression — a harmony-driven color palette builder and a canvas-rendered favicon maker, both with live previews and one-click export. Nothing is uploaded, nothing is stored.
Pick a base color and a harmony rule — analogous, complementary, triadic, monochromatic or full random — and get five colors spaced correctly around the HSL hue wheel. Every swatch shows its HEX and RGB, copies on click, and the whole set exports as CSS custom properties.
base #0033FF · analogous…
--palette-1 … --palette-5 — five blues and violets, ready for :root.
Use it for brand systemsui themesmood boardsdesign tokens
Type a glyph — a letter, a symbol, an emoji — choose background, foreground, font size and shape, and the tool renders a 64×64 PNG on canvas with 64/32/16 px previews so you can see exactly how the tab will look. Copy the PNG to your clipboard or download it and drop it into your site.
glyph ✱ · white on #0033FF · rounded…
favicon-64.png + the matching <link rel="icon"> tag.
Use it for new sitesprototypesrebrandsbookmark icons
Conventions · palettes computed in HSL · analogous ±25° · complementary 180° · triadic 120° steps · favicon = 64×64 PNG on canvas · browsers accept PNG via <link rel="icon"> · legacy .ico needs a converter
This page has no backend and no database. Every palette and every favicon you just rendered was produced by JavaScript inside your own browser tab — your colors never traveled a single centimeter of cable. Close the page and they're gone for good.
The base color is converted to HSL and moved around the hue wheel: analogous shifts by ±25°, complementary jumps 180°, triadic uses 120° steps, and monochrome keeps the hue while varying saturation and lightness. Random mode rolls five fresh hues with balanced saturation. Saturation and lightness are clamped so nothing comes out invisible.
A 64×64 PNG rendered on a canvas — the format every modern browser accepts via <link rel="icon">. If you need legacy .ico files for very old browsers, run the downloaded PNG through any ICO converter; the pixels are identical.
Yes — the Copy PNG button puts the image on your clipboard wherever the browser supports the image clipboard API (Chrome, Edge, Safari). Everywhere else, use Download .png instead.
No. IrisTool has no backend and no database. Your colors, glyphs and favicons are rendered entirely inside your browser tab and disappear the moment you close or refresh the page.