The Vibeary — tag
color
53 resources in The Vibeary tagged "color" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

Coolors
Spacebar-driven palette generator with 10M+ browsable palettes, image colour extraction, contrast checking, gradient tools and palette mockup previews.

Colors.lol
Curated overly descriptive color palettes with names and hex codes, built as a design-inspiration source rather than a generator.

Color Lisa
Curated color palettes derived from famous works of art, presented as usable hex sets.

UI Colors
Tailwind palette generator that builds full colour scales from one hex and previews them across cards, dashboards and full pages.

Khroma
Trains on colors you personally like, then generates unlimited palettes, gradients and type samples in your own taste.

Colourco.de
Pick colors by dragging across a hue field and instantly get monochromatic, analogic and triadic sets with lightness control.

Colorion
Around thirty thousand tagged colour palettes with one-tap hex copying, favourites, image-to-palette extraction and JSON export.

Duo
Two-color pairing tool that shows every combination rendered as real UI so you can judge legibility, not swatches.

Realtime Colors
Paste a palette and preview it instantly on a full fake landing page, with export to Tailwind, CSS variables and Figma.

Radix Colors
Thirty-two twelve-step colour scales where each step has a defined UI role, with automatic dark and alpha variants.

FarbVelo
Generative random-color explorer with perceptual distance controls, color-blindness preview and a genuinely playful interface.

Tint & Shade Generator
Generates mathematically exact 10% tints and shades of a hex color, the way brand guidelines usually specify them.

Palette Inspiration
Searchable archive of roughly 23,000 colour palettes extracted from 3,000 painters' artworks, with a colour wheel and image analyser.

Color Leap
Palettes drawn from specific historical periods, letting you pick color by era rather than mood.

Nutilz Color Shades Generator
Single-purpose tool that expands one base colour into a full tint and shade ramp ready for a token file.

theme-colors
Utility that expands a single base hex color into a full 50-900 shade ramp suitable for Tailwind or CSS variables.

delphi.tools
Fifty-eight browser-side utilities covering image editing, colour work, typography, PDF imposition, barcodes and conversion, with no accounts or tracking.

Huetone
Desktop-grade web app for building color scales in LCh with live APCA contrast readouts and Figma-ready export.

Valor
Figma plugin that visualizes an existing palette and generates matching color variables across a scale.

Dominant Color Toolkit
Extracts dominant and palette colors from any image in your Figma file and outputs swatches you can apply.

Lucidi
Syncs opacity-derived styles from a set of primary color styles, keeping tints and overlays consistent as brand colors change.

Ember
Terminal, chart, heatmap and UI palettes engineered to stay distinguishable after aggressive Redshift or Night Shift warm-screen filtering.

Lospec Palette List
Database of over 2500 pixel art palettes downloadable as PNG, PAL, ASE, GPL and HEX, filterable by colour count and tag.

svg-color-filter
Interactive explainer and playground for SVG feColorMatrix, showing how each matrix cell changes an image.

MaterialKolor
Tool and Kotlin library for generating Material 3 dynamic colour schemes from a seed colour.

Kaleidocode
Converts a VS Code color theme into a Figma color library so design mockups of editors match the real thing.

The HSB Color System: A Practitioner's Primer
Article explaining why HSB beats hex for reasoning about UI colour, with rules for building consistent palettes.

Accessible Color Systems
Stripe engineering post on building a colour system that guarantees contrast ratios while preserving brand hue relationships.

How to pick the least wrong colors
Long essay deriving an algorithm for generating accessible, perceptually even colour palettes, with interactive demos.

OKLCH.fyi
Convert, generate and explore OKLCH colours and build perceptually even palettes from them.

Zebra
Lightweight open-source contrast checker for Figma that samples selected layers and reports pass/fail without leaving the canvas.

Dark Mode Design
Gallery collecting only dark-themed websites, with filtering to study dark palette and contrast decisions.

Color in UI Design: A Practical Framework
Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules.
Ronghor
Website colour palette studio with 17 site-type presets, a live preview showing where every colour lands, WCAG contrast fixes, logo colour extraction and CSS or Tailwind export.

Palette Atlas
Browser tool that turns any image into a colour strip along paths like a Hilbert curve, then finds public-domain paintings from 48,695 with similar palettes.
Recolor Wheel In Figma
Figma plugin inspired by Illustrator's Recolor Artwork that puts every fill, stroke, gradient stop, shadow and mask of a selection on one draggable hue wheel.

Colorfetti
Browser palette-recoloring tool for images, sprites and animated GIFs, with auto palettes, curated presets, imported palette files and 1-bit two-colour styles.

Converly Colors
Free light/dark palette generator with 12-step scales, CSS variables, and Design.md for AI agents.

Rampkit
Local-first color system builder that extracts site colors, generates OKLCH ramps, explores pigment mixing and exports light and dark design tokens.

Primitives
Suite of precise browser instruments for color, type, grid, shape, motion, space, light, noise, ratio, pattern and icons.
Hueclid
Extracts an accessible UI palette from any screenshot or photo using CIELAB clustering and Oklch gamut mapping.

Firelight
Interface and code colour palette with Coal, Smoulder and Ash variants, contrast-checked tokens, CSS variables and OKLCH values.
ShotDeck
Film still library with millions of HD frames hand-tagged across 30+ categories: lens, framing, lighting, color, location, even actor emotion.
Desktop Colors
Archive of every solid desktop background colour shipped by classic operating systems: 194 colours across 22 platforms, 1985 to 2024.
Paul Tol's Colour Schemes
Technical note defining colour-blind-safe qualitative, sequential and diverging palettes, with values and usage rules.
Refactoring UI — Building Your Color Palette
Free chapter preview explaining how to build a UI palette with defined shade ramps rather than lighten/darken functions.
Huemint
Uses a machine-learning model trained on real designs to generate palettes constrained to a chosen layout or brand context.
Tanaguru Contrast Finder
Tool that suggests the nearest passing colour alternatives when a pair fails contrast, instead of just reporting failure.
Picular
Type any word and get the dominant colors from image search results, turning language directly into hex values.
Leonardo
Adobe's contrast-first colour tool: define target contrast ratios and it generates the colours, plus adaptive theme output.
Data Color Picker
Generates sequential and diverging palettes for charts, interpolating in a perceptual space so steps read as even.
ColorSpace
Palette and gradient generator that expands a single input colour into matching schemes, including three-colour gradient output.
Sky as a CSS Gradient
Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.