color
Color and customize icon sets to fit your brand.
Norde Source makes it easy to customize entire icon sets to fit your brand. Built for designers, developers, marketers and anyone who works with a lot of icons. Available for Mac, Windows and Linux!
TinEye Labs takes image search to the next level by allowing you to choose up to a five-color palette, along with tags, to refine your image search. The result is a collection of picture perfect images that are sure to blend well with your design.
Put your vision to the test with the Online Color Challenge. Your task is simple… arrange the colors in hue order. Sound easy? You may be surprised to learn where your hue discrimination is low and how you compare to your peers.
Spectrum approaches color palettes from the other side. Start with a color and watch as the page is populated with dozens of images that match. A perfect tool when on the hunt for imagery that matches a specific palette.
CJS/ESM ANSI color library for terminals, CI and Chromium-based browser consoles. Compatible with Bun, Deno, Next.JS.
Color and typography resources and inspiration for Web Developers and Digital Design
Curated colors in context.
Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
All in one resource for finding everything about colors. Thousands of beautiful color palettes you can use it directly by one click.
Discrete color palettes (hundreds of them!) for JavaScript.
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.
A tool to create accessible color systems
The app helps you to create accessible color systems with predictable contrast ratios.
Accessible color palette generator. Discover beautiful color combinations your whole audience can appreciate and follow Web Content Accessibility Guidelines (WCAG) with ease.
Open Source CLI to Extract Design Systems & Tokens.
Extract any website’s design system into design tokens in a few seconds: logo, colors, typography, borders, and more. One command.
Extract design tokens from any website with one command. CSS to design system converter with W3C design tokens export.
OKLCH Color Pattern Generator.
Oklchroma is a color pattern generator that helps designers and developers create harmonious color scales based on the OKLCH color space. Instead of manually defining each shade, Oklchroma generates a complete set of color variables based on a single base color and using mathematical formulas in CSS to generate the rest of the colors.
Flexoki is an inky color scheme for prose and code. Flexoki is designed for reading and writing on digital screens. It is inspired by analog inks and warm shades of paper.
Flexoki is minimalistic and high-contrast. The colors are calibrated for legibility and perceptual balance across devices and when switching between light and dark modes.
Overview of Tailwind colors
All the Tailwind CSS colors in a handy cheatsheet with hex, hsl and rgb values. You can bookmark this page so you'll never forget any Tailwind color again!
Tailwind CSS Color Generator
Press spacebar, enter a hexcode or change the HSL values to create a custom color scale.
0to255 is a simple tool that helps web designers find variations of any color.
Hail Pixel makes palette picking an interactive sport. Start by dragging your mouse around the space until you find a color that appeals to you, then start whittling down your colors by moving your mouse or arrowing through matching hues, lightness and saturation.
Tool to create nice color palettes based on multi-color gradients.
The AI-Powered browser extension for managing colors in CSS Variables
- AI-generated color palettes
- Accessibility testing
- Support for daisyUI and shadcn/ui
Style definitions for nice terminal layouts 👄
Style definitions for nice terminal layouts. Built with TUIs in mind. Lip Gloss takes an expressive, declarative approach to terminal rendering. Users familiar with CSS will feel at home with Lip Gloss.
Color Hunt curates a daily collection of colors on a daily basis, so you never run out of inspiration. “Like” your favorites, then filter through the most popular palettes from the past week or all time.
Color picker and converter for OKLCH and LCH color space. OKLCH is a new way to encode colors (like hex, RGBA, or HSL):
- OKLCH has native browser support.
- It can encode more colors for modern screens (P3, Rec. 2020, and beyond).
- Unlike HSL, OKLCH always has predictable contrast after color transformation.
- In contrast with LCH and Lab, no hue shift on chroma changes.
- Provides great accessibility on palette generation.
Extract Dominant Colors from Images. Go CLI, REST API & JavaScript Library.
Extract dominant colors from images using k-means clustering. A fast, cross-platform CLI tool that extracts dominant colors from images using k-means clustering.
Explore color as we see it. OKLCH Color Picker, Generator and Converter.
Discover how the OKLCH color model works. Learn, experiment and create more consistent and perceptually uniform color palettes.
Esoteric Color Palette Generation Library.
"poline" is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.
Generate perfect color combinations for your designs.
The super fast color schemes generator!
Similar to Hail Pixel, Coolors makes color picking more fluid by helping you mix and match colors until you find the perfect combination. Hit the space button until a color combo appears that you like – then move selections around, adjust color components and export your palette when it’s ready.
Related contents:
If you’re tired of guessing the exact hues, lightness and saturation values of a color, you’ll be happy to meet Colllor. Enter in a Hex code for a full rundown of pure tints, shades and tones. You can also play with color mixing and find similar colors to build out your palette.
Tanaguru Contrast-Finder trouve les bons contrastes de couleurs pour l'accessibilité web
Leonardo is a one-of-a-kind tool for creating, managing, and sharing accessible color systems for user interface design and data visualization.
the color palette for internet lovers.
uchū is the color palette for internet lovers, by NetOperator Wibby. uchū utilizes the OKLCH color space for reasons. I've been using this color palette for personal projects for about a year and have been quite pleased with it.
Color Palettes Generator and Color Gradient Tool. Never waste Hours on finding the perfect Color Palette again! Just Enter a Color! And Generate nice Color Palettes
COLOURlovers is an online community for color enthusiasts. Browse palettes or create your own, then get social by commenting and “loving” eachother’s creations, following different “Lovers” and checking out the latest color trends.
Fix Unreadable Colors in Python. Make your text readable for everyone.
CM-Colors automatically fixes your colors so they are easy to read. It finds similar colors that work for everyone, so you don't have to guess.
Related contents:
Simple Color System for Complex Digital Interfaces.
Carefully picked colors to match with your interfaces challenges.
an easy-to-use jQuery color picker for Twitter Bootstrap
Roue chromatique | Modèles de couleurs. Smooth out your creative workflow with the help of Adobe Color CC. As part of the Creative Cloud, you can create and save color themes and work them seamlessly into other Adobe products. The intuitive color wheel – and ability to pull colors from uploaded images – doesn’t hurt either.
This native application (available for both Windows and Mac) allows you to evaluate the color visibility and contrast of foreground/background color combinations. It provides an initial pass/fail assessment against WCAG 2.0 color contrast success criteria.
Color picker and converter for OKLCH and LCH color space.
oklch() is a new way to define CSS colors. In oklch(L C H) or oklch(L C H / a) each item corresponds as follows:
- L is perceived lightness (0%-100%). “Perceived” means that it has consistent lightness for our eyes, unlike L in hsl().
- C is chroma, from gray to the most saturated color.
- H is the hue angle (0-360).
- a is opacity (0-1 or 0-100%).