color
Tailwind CSS Color Generator
Press spacebar, enter a hexcode or change the HSL values to create a custom color scale.
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.
Calculate colors. Share palettes. A new way to manage digital colors. Leave abstract color models behind and focus on the important things.
Accessible color palette generator. Discover beautiful color combinations your whole audience can appreciate and follow Web Content Accessibility Guidelines (WCAG) with ease.
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!
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
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.
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.
Leonardo is a one-of-a-kind tool for creating, managing, and sharing accessible color systems for user interface design and data visualization.
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.
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!
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.
Material Palette is a basic color palette builder. Choose two colors that appeal to you and it will give you an eight color palette that delineates primary, text and accent colors. You’re then welcome to download, copy to your clipboard or share the palette on social media.
The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.
an easy-to-use jQuery color picker for Twitter Bootstrap
Discrete color palettes (hundreds of them!) for JavaScript.
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.
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.
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.
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!
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.
0to255 is a simple tool that helps web designers find variations of any color.
Tool to create nice color palettes based on multi-color gradients.
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:
themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more).
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.
The AI-Powered browser extension for managing colors in CSS Variables
- AI-generated color palettes
- Accessibility testing
- Support for daisyUI and shadcn/ui
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.
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!
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.
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.
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.
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:
Dive into the customer's mind. Read guides. Watch cool videos. Pricing, sales, design, negotiation, and more.
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.
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
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.
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 perfect color combinations for your designs.
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.
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.
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.
Color and typography resources and inspiration for Web Developers and Digital Design
Free design tools for UI & UX designers.
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.