color
The ColorPalette Pro synthesizer generates 6 different color palettes, in 4 styles, across 8 color spaces and formats.
Export, share, download, and copy palettes to create beautiful artworks, websites, and designs.
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.
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.
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.
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.
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:
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.
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.
CJS/ESM ANSI color library for terminals, CI and Chromium-based browser consoles. Compatible with Bun, Deno, Next.JS.
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.
Free design tools for UI & UX designers.
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.
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.
The AI-Powered browser extension for managing colors in CSS Variables
- AI-generated color palettes
- Accessibility testing
- Support for daisyUI and shadcn/ui
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.
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.
🎨 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.
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
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!
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
A tiny framework agnostic color picker. Port of React Colorful to vanilla Custom Elements.
A tool to create accessible color systems
The app helps you to create accessible color systems with predictable contrast ratios.
In WCAG 2, contrast is a measure of the difference in perceived brightness between two colors, expressed as a ratio
Simple Color System for Complex Digital Interfaces.
Carefully picked colors to match with your interfaces challenges.
Discrete color palettes (hundreds of them!) for JavaScript.
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%).
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.
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.
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!
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.
themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more).
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.
Tool to create nice color palettes based on multi-color gradients.
Accessible color palette generator. Discover beautiful color combinations your whole audience can appreciate and follow Web Content Accessibility Guidelines (WCAG) with ease.
Calculate colors. Share palettes. A new way to manage digital colors. Leave abstract color models behind and focus on the important things.
All in one resource for finding everything about colors. Thousands of beautiful color palettes you can use it directly by one click.
Leonardo is a one-of-a-kind tool for creating, managing, and sharing accessible color systems for user interface design and data visualization.
Color and typography resources and inspiration for Web Developers and Digital Design
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
0to255 is a simple tool that helps web designers find variations of any color.
The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.