The Vibeary — tag
color
44 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.

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

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

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.
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.
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.
Paul Tol's Colour Schemes
Technical note defining colour-blind-safe qualitative, sequential and diverging palettes, with values and usage rules.
Data Color Picker
Generates sequential and diverging palettes for charts, interpolating in a perceptual space so steps read as even.
Huemint
Uses a machine-learning model trained on real designs to generate palettes constrained to a chosen layout or brand context.
Picular
Type any word and get the dominant colors from image search results, turning language directly into hex values.
Tanaguru Contrast Finder
Tool that suggests the nearest passing colour alternatives when a pair fails contrast, instead of just reporting failure.
Leonardo
Adobe's contrast-first colour tool: define target contrast ratios and it generates the colours, plus adaptive theme output.
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.