#colour (64 links)
- Why So Many Control Rooms Were Seafoam Green bethmathews.substack.com
- Poline — Esoteric Color Palette Generation Library meodai.github.io
Via Popular.
- WhoCanUse whocanuse.com
A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Great list.
- Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer. stephaniewalter.design
Let’s talk about dark mode and accessibility! There’s a myth that dark mode is good for accessibility, because it improves text readability (among other things). As always, when it comes to accessibility, it’s not black or white (haha, color pun intended). We can’t really generalize, so, the answer is often, “it depends”, dark mode can make it better for some users, but not all of them.
- Okay, Color Spaces — ericportis.com ericportis.com
- Randoma11y - Accessible color combinations randoma11y.com
- Web color is still broken | Hacker News news.ycombinator.com
- Pika superhighfives.com
An open-source colour picker app for macOS.
Via monospaced.
- Paletton - The Color Scheme Designer paletton.com
- Figure It Out – A List Apart alistapart.com
Color is, without a doubt, the visual element most often misunderstood and misused.
Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.
- Eva Design System: Deep learning color generator colors.eva.design
Lets you specify a primary color and generates your green, blue, yellow, and red hues to match it.
Via ttscoff.
Once upon a time, I tweeted on an urgent matter. “Can somebody tell me how to get better with color?” I wrote ." My color decisions are awful." I got a lot of…
- Designing Systematic Colors – UX Planet uxplanet.org
How to make themable, flexible, WCAG 2.1 compliant color ramps for a design system The Color Factory (San Francisco) Mineral UI is the open source design system…
- Polishing GitLab’s UI: A new color system | GitLab about.gitlab.com
We receive a lot of feedback from our users and the broader community. After hearing that there is a perceived lack of consistency and quality in GitLab’s UI,…
At first glance, the WCAG 2.0 AA guideline for contrast minimums appears to be one of the easiest, most straightforward success criterion to achieve. Yet, it is…
16 Tips for Setting Up a System That Endures I’m no color expert. Far from, actually. Throughout my career, I’ve depended on visual designers better than myself…
- Bringing Wide Color to Instagram – Instagram Engineering engineering.instagram.com
Last September, Apple announced the iPhone 7 and 7 Plus, which include cameras that capture a greater range of colors than previous models, and screens that can…
- Color Picker - Explore Colors for HTML and CSS hexcolortool.com
I have no clue what the colors Lavender and Mauve look like. You can show me Indigo and I won't know if it's more like Violet or Purple. So I made this little app where you can create a color on the screen (or copy-paste CSS hex# color) and find out the name of the closest matching color.
Took ages to get to this but was well worth the wait. Superb.
Via blech.
- Setting up Photoshop for web and iPhone dev bjango.com
Most people who have designed web sites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all.
Via thegingerbloke.
- 24 ways: Working With RGBA Colour 24ways.org
- We are Colorblind » Patterns for the Color Blind wearecolorblind.com
About 8% of the male population has some sort of color blindness. The color blind have the inability to clearly distinguish different colors of the spectrum, they tend to see colors in a limited range of hues.
"While working on the Odeo relaunch, we kept running into a frustrating problem: When we saved out the slices, the awesome Odeo pink flattened to a dreary "light coral". I'd seen the problem before, but never so pronounced: The color, through no fault of its own, was obviously changing, and we were at a loss for a way to prevent this."
Why Photoshop color changes washes out lightens darkens unsaturates desaturates fades when Save for Web, Jump To, Edit In ImageReady Photoshop, or posted on the www internet, on the monitor display screen or on the printed inkjet laser print.
- Color Oracle colororacle.cartography.ch
Takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see.
Search Flickr, capture images via your WebCam or drag-n-drop images from your computer. Click a button and the colors are saved to Illustrator, Photoshop or as an XML file for Processing
- Color Palette Generator degraeve.com
Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color palette that matches a key image a client wants to work with.
- Dopplr Blog » In rainbows blog.dopplr.com
"We take the MD5 digest of the city’s name, convert it to hex and take the first 6 characters as a CSS RGB value." Smart.
This tool allows you to visualise good colour combinations on a Photoshop style colour picker. It's primary use is finding acceptable colours from an existing inaccessible combination - while maintaining the aesthetic appeal of the original.
- Improve your photography with classical art. unfocusedbrain.com
The Old Masters of painting spent years of their lives learning about color. Why let all their effort go to waste on the walls of some museum when it could be used to give you a hand with color correction?
This article introduces the basics of cognitive psychology around colour and patterns -- what you need to know, and how it affects Web design in a nutshell.
This site contains information and design tools. They may not show you exactly what dichromats see, but will help you to understand which colours are easily confused.
- Accessibility Color Wheel gmazzocato.altervista.org
- GrayBit v0.5 Beta: Grayscale Conversion Contrast Accessibility Tool - Main Page - Presented by GrayBit graybit.com · Archived on
An online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast.