color
Keep your eyes sharp with Color, a fun (but surprisingly challenging) color-matching game. Move your cursor around the color spectrum to match the center color for hue, saturation, complementary color and more.
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.
an easy-to-use jQuery color picker for Twitter Bootstrap
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.
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.
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 ramp generator using curves within the HSV color model. FettePalette is lightweight, dependency free and fast JavaScript function written in TypeScript. It generates color ramps based on a curve within the HSV color model. This page serves as preview for the variety of options the function takes. FettePalette @ GitHub.
Not a theme, but a framework for building Tomorrow styled themes using a base of sixteen colours. Since August 2012, Base16 has provided a minimal set of guidelines that explain how to style syntax and how to build Base16 schemes and templates.
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.
One color a day, told as it ought to be told: with its provenance, its chemistry, and the people who paid for it in poison.
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.
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more).
Consider yourself a color whiz? Take a break from your workday with Hex Invaders. Inspired by Space Invaders, this game takes a creative spin by challenging you to destroy the invader that matches the Hex code on the top of your screen. Bonus: it teaches you how to break down the reds, greens and blues in Hex codes fast. Enjoy!
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
Design Seeds is candy for your eyeballs. Pairing beautiful photography with pleasing palettes, you can’t help but feel inspired while scrolling through this site. Click on a favorite color or search by theme to filter down your feed. Follow them on Instagram for an extra daily dose.
Similar to Hex invaders, The Great RGB Challenge helps you to nail RGB once and for all by matching an RGB code to its corresponding color. Mess up and you’re back to the beginning. Good luck!
🎨 Generate and change color-schemes on the fly.
Pywal is a tool that generates a color palette from the dominant colors in an image. It then applies the colors system-wide and on-the-fly in all of your favourite programs.
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.
Simple Color System for Complex Digital Interfaces.
Carefully picked colors to match with your interfaces challenges.
Accessible color palette generator. Discover beautiful color combinations your whole audience can appreciate and follow Web Content Accessibility Guidelines (WCAG) with ease.
A tool to create accessible color systems
The app helps you to create accessible color systems with predictable contrast ratios.
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.
Hotpink vous permet de voyager au pays des couleurs web nommées, découvrir des teintes originales et leur histoire, et organiser et créer des palettes stylées.
Tailwind CSS Color Generator
Press spacebar, enter a hexcode or change the HSL values to create a custom color scale.
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!
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.
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.
CSS.coloratum is a nifty little tool that helps you:
Share colors with friends and colleagues (never have to go through describing a shade again, just give them the link!)
Check out what RGB & HSL values correspond to that color keyword you keep using
Covert HSL to RGB, because you're done with your prototype and now it has to work in IE8 too
...and much more!
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
Calculate colors. Share palettes. A new way to manage digital colors. Leave abstract color models behind and focus on the important things.
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.
0to255 is a simple tool that helps web designers find variations of any color.
wallust is a command line tool for creating 16 color palettes, since it was the original intent of pywal, the tool that inspired the creation of wallust.
Generate perfect color combinations for your designs.
Pro Color Palette Software from COLOURlovers :: COLOURlovers. COPASO is an advanced color palette tool that helps you create the perfect color palette. If you're finding COPASO a bit too rich for your color creating tastes, you can always use our basic color palette tool.
In WCAG 2, contrast is a measure of the difference in perceived brightness between two colors, expressed as a ratio
Color and typography resources and inspiration for Web Developers and Digital Design
A Color Palette Generator (courtesy of MailChimp). Building out a website or brochure based heavily on an image? With Pictaculous, you can simply upload that picture and the app will spit out a color palette that pairs perfectly 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
Discrete color palettes (hundreds of them!) for JavaScript.
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.