recentpopularlog in

abberdab : color   23

Duotone filtering w/ CSS variables 😎🌈
Was playing with mix-blend-mode to create different duotone filters. Then I thought it might be cool to have a handy selector wheel to try out different filters 🌈

So here it is! A duotone filtering tester using CSS variables. The inner ring is the lightening color whilst the outer is the darkening color 👍

To change the colors, adjust the colors variable in the pug code.

css  color  colorpalettes  duotone  filters  interface  interactive  images  photography 
july 2018 by abberdab
Color Contrast for Better Readability | Viget
I’ve been working on a process to help me ensure good color contrast and readability in my projects. Thanks to some helpful color contrast accessibility tools, I think I have something that is working and wanted to share with others in the event that you find it helpful, too.
a11y  color  contrast  design  colorpalettes  accessibility 
august 2017 by abberdab
Signal vs. Noise: Color as a Wayfinding Tool | Viget
Used carefully, color can become a helpful wayfinding tool to better help a user know where she is and where to go next. When it comes to user interface design, you may want to limit your use of color. Instead, use it cautiously in very intentional and meaningful ways.
color  wayfinding  design  ui  ux  colorpalettes 
august 2017 by abberdab
Using Visual Loudness for Better Wayfinding | Viget
Well-designed interactive experiences use loudness to help identify and amplify wayfinding systems. Because, if everything screams all you will hear is noise. Emphasis used properly—like a loudspeaker in a crowded room—can help guide attention more effectively. Careful use of visual loudness helps illuminate priority.
color  colorpalettes  design  hierarchy  loudness  volume  wayfinding  ux  ui 
august 2017 by abberdab
Add Colors To Your Palette With Color Mixing | Viget
Really nice approach to generating a spectrum of colors that complements an established brand palette.
color  design  palette 
august 2017 by abberdab
From Darkness to Light: Color Versatility Using Tints, Tones, and Shades | Viget
In my last article, I wrote about how using more specific names can be useful when referencing colors. Several people shared how this is doubly useful when mapping to SASS variables—and I agree. This time around I want to share how to use more specific color names when applying lighter and darker values through tints, tones, and shades and how this can be further helpful for color reference.
color  design  sass  css  naming  naming-conventions  tints  tones  shades  colorpalettes 
august 2017 by abberdab
pantone skin color spectrum
A fascinating project + handy ref. for illustrators and colorists. Angelica Dass’ Pantone Skin Color Spectrum
art  color  reference 
july 2012 by abberdab
Color Blender
Web-based (works offline, too) tool for finding interim color steps between two colors with Hex values and all.
Color  Tools  design  www 
january 2006 by abberdab

Copy this bookmark:

to read