All posts tagged “Color”

Link About It: This Week’s Picks: Paying tribute to iconic women of color, babies with three parents, dirty snow drawings and more in our weekly look at the web

Link About It: This Week's Picks

1. Vale Designer Kenji Ekuan
Kenji Ekuan, the award-winning designer behind Japan’s bullet train and the ubiquitous Kikkoman soy sauce bottle has died at the age of 85. According to the New York Times, his iconic bottle design has been used by Kikkoman……

Continue Reading…


Cool Hunting

Colorful Standouts at Stockholm Furniture Fair 2015: Designers bring a heavy dose of fresh, bold color to the first of the year’s big international fairs

Colorful Standouts at Stockholm Furniture Fair 2015


Kicking off today, the 2015 Stockholm Furniture and Light Fair is the first of the year’s big international fairs and certainly the biggest in the Scandinavian region. While there is certainly much in the way of the archetypal Scandinavian pared-down……

Continue Reading…


Cool Hunting

Ultimate Guide to Color Theory for Designers

If a picture is worth 1000 words, then how much can we say about an interface? Well it turns out quite a lot, and there’s often many different topics worthy of discussion. One such topic is color…

Click through to read the rest of the story on the Vandelay Design Blog.


Vandelay Design

Yuri Suzuki’s Color Chasers

Yuri Suzuki's Color Chasers


link[body]=In his 2013 installation “Looks Like Music,” sound artist and designer Yuri Suzuki invited the public to create their own musical compositions by drawing on the ground with colored markers. An ensemble of five small, robotic Color Chasers……

Continue Reading…


Cool Hunting

Excellent Collection Of Web Color Picking, Palettes & Scheme Generating Tools For Designers

Colors are the first things that the web designers consider while starting a new website project. Which colors to use that will complement the purpose of the website best is something that greatly affects a website therefore it is paid the utmost attention. Usually the designers select various colors and then use their different shades for different purposes, like for links or hovering effects and so on, on the website and out of them select the colors that best serve their purpose. To make the designers’ task easier and to help them achieve their ends, by creating praiseworthy and breathtaking websites, there are a variety of tools available. These tools can help choose colors and create pallets and different schemes to ease the designers’ task and enabling them to deliver amazing websites.

We have handpicked some great web color pickers and scheme and pallet generators for every one today. Go through the collection and start using these excellent tools to get amazing and awe inspiring results!!

Kuler

Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community.

Color Scheme Designer

A designer tool for creating color combinations that work together well.

Contrast-A Find Accessible Color Combinations

Contrast-A checks color combinations for sufficient contrast and displays the results according to WCAG 2.0 (Luminance Ratio) as well as the results according to older accessibility guidelines, WCAG 1.0 (Difference in Brightness and Color).

Infohound Color Schemer

This color schemer is a simple tool to help you experiment with various color schemes for your next web or print project.Click around within the shaded box to set the saturation and brightness, or within the rainbow to set the hue. You can also enter a particular value directly into one of the boxes.

Check My Color

Analyse the colors of any webpage to verify the contrast and ensure better accessibility.

Hex Color Scheme Generator

This is a great tool to use if you want to develop a matching color scheme for your site. Say you want your nav color to be #000066 (navy blue) and you want to know what colors would go best with it, this tool will help you.

COPASO : Color Palette Software

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 Explorer

ColorExplorer is an online toolbox for working with color palettes.

Color Hunter

Color palettes made from images.

Colourmod

ColourMod originally made its debut as a web-based DHTML Dynamic Colour Picker. Since the inception of OS X from Apple, ColourMod has been ported to the Dashboard interface and is fully functional in OS X Tiger and Leopard, Lion and Mountain Lion.

Color Calculator

Use the color wheel to find the perfect color scheme using the Sessions color calculator. Create endless free color combinations, working from any base color.

Colour Lovers

COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles… All in the spirit of love.

Color Blender

Colorotate

Fast and intuitive color editing for the Apple iPad.

Colorwizard

The color wizard lets you submit your own base color, and it automatically returns matching colors for the one you selected.

Colorspire

Color Palette Generator

Make color schemes. 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 scheme that matches a stock photo a client wants to work with.

Colrd

Be inspired by the most popular colors, palettes, gradients, and patterns in our database.

Colorcombos

A web color combinations testing tool for web developers.

Websafecolors

A well designed resource for web safe colors. This site was created for those who like to keep things simple.

HSL Picker

JavaScript ColorPicker

This colorPicker is a light weight all-rounder (~ 29kB – only 1 file*; 12.8kB gZiped) that can display and let you choose the entire color palette in HSB and RGB color modes.

0to255

Colourco

colourco.de is an online designer tool, which allows you to easily and intuitively combine colours.

Webcolourdata

I Want Hue

Colors for data scientists. Generate and refine palettes of optimally distinct colors.

Color Wheel

The color Wheel is an online application that lets you generate random color schemes.

Color Contrast Analyzer

The color contrast analyzer will check if two entered colors has enough contrast to be easily legibile when used in a design.

Pictaculous

Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)

Stripegenerator

Generate seamless striped background images!

Shutterstock Spectrum

Discover images like never before with search that puts color first.

GrayBit

GrayBit is an online accessibility testing tool designed to convert a full-color web page into a grayscale rendition to help visually test the page’s perceived contrast.

Tin Eye Lab

We extracted the colors from 10 million Creative Commons images on Flickr. Search this collection by color. Addictive and very likely the best color search engine in the world*!

Sphere

Harmonize colors. Create color schemes. Find HEX codes. Simulate color-blindness. Export into Illustrator, Photoshop and ColRD.com.

Colr.org

Colormunki


SmashingApps.com

Watch a supercut of Stanley Kubrick’s obsession with the color red

From the budding supercut master who brought you ROYGBIV: A Pixar Supercut comes this short (and wildly re-watchable) exploration of Stanley Kubrick’s use of the color red. Aptly set to Beethoven’s Symphony No. 9, the smartly-edited video clocks in at just over one minute. Though the cuts are quick, be warned that they obviously give some details away about Kubrick’s biggest films — which, if you haven’t seen, for shame — and in certain offices this could be considered NSFW because, you know… blood.

Continue reading…

The Verge – All Posts

Applying the Color Theory in Web Design

14765888_sSome psychologists consider colors as a conditioning tool that can affect the behavior of people to a certain degree. Colors can also play a huge part in attracting the attention of the readers of your website. Expanding your knowledge on the color theory can make a difference on how your website affects the mood of the readers.

Selecting a Color Palette

A useful tool in the selection of color palettes is the 12-part color wheel. You can take advantage of this simple but logical arrangement of colors in order to choose the best combination for a website.

Analogous Schemes

Analogous colors are three colors located side by side on the color spectrum or wheel. An example is the scheme containing yellow, yellow-orange and orange. This combination of colors can give your web page a soft and harmonious appearance that is pleasing to the eye.

Depending on which three you will choose, you can also come up with a seemingly monochromatic scheme. An example is yellow-orange, orange and red-orange. This type of scheme is usually used when taking into consideration the branding of a company or a product.

Complementary Schemes

Complementary colors are two colors located at opposite positions on the color wheel. As its name suggests, this type of scheme makes use of colors that already naturally complement each other. This can be used if you want to introduce a high level of contrast on your web page or if you want to highlight a certain element.

Contrasting colors, for example, can improve readability. When selecting a background and a text color, contrast can be used to grab the attention of the readers and reduce eyestrain. Complementary colors can be used with the lighter color in the background.

The same principle of contrast and complementary can also be used when selecting colors for other elements in the web page. For example, if the website has a dark background, a lighter color can be used to highlight the main content. In this case, the high contrast between the large background and the main element can guide the attention of your readers. However, too many complementary colors can sometimes be overpowering so it is important to find a nice balance.

Triadic Schemes

Triadic colors are three colors, which are at equal distances from each other on the color wheel. An example is red, blue and yellow. These three colors can give your website a sense of equality. With an equal vibrancy, these colors can give life to a dull website without being too overpowering.

Color Schemes from Nature

Another useful tool that you can take inspiration from when selecting a color palette is nature.

Regardless of whether it fits in the technical structures for color harmony, colors found in nature can usually help create a harmonious design. For example, looking at the colors a garden can give you a scheme with red, yellow and green. Taking the colors from the beach can give you white, blue and green. Taking the colors from the forest can give you yellow, green and brown.

Readers, what’s your take? How do you use color in your designs?


Web Design Fact

mycoocoon: Color Immersion Pod: Pantone Universe founders create a chromotherapy pod for sensory stimulation and relaxation at London restaurant Sketch

mycoocoon: Color Immersion Pod


by Caroline Kinneberg Experimental chef Pierre Gagnaire’s Sketch restaurant, a London design haven currently featuring work by beloved artist David Shrigley, has welcomed a new installation—a color therapeutic pod called );…

Continue Reading…


Cool Hunting

10 Handy Tips To Keep Your Color Swatches & Palettes Organized

Knowing that you have something, but not knowing where it is can be a frustrating feeling. This can be particularly true of colors you’ve created or saved for your design projects. It’s a waste of time to have to hunt through color swatches, just to have to start the search all over when it’s time to switch hues. Finishing a project can be difficult if you’re constantly using your eyedropper tool or plugging in CMYK values into the Color Picker.

As any experienced designer knows, whether you’re designing for print or web, having your color swatches and palettes well-organized can help speed up your process. With Adobe Illustrator and Photoshop, it’s easy to keep your color swatches and palettes organized. Here are 10 tips to keep your color swatches organized and streamline your graphic design process.

Getting Started

To start organizing, start up Adobe Illustrator or Adobe Photoshop, then click on the Window menu and put a check mark next to Swatches. Your swatch palette should now be open and ready for you to begin sorting through.

1. Get rid of default swatches

When you open a new document, usually the default set of colors will be opened in the swatch palette. Odds are you won’t be using most of these colors so start fresh by deleting the defaults. In Photoshop, you can simply right click the color and select Delete Swatch.

To delete swatches in Illustrator, simply click on the menu icon in the corner of the swatch palette window and choose Select All Unused. Next, click the ‘Delete Swatch’ icon (it looks like a trash can) at the bottom of the palette window and select Yes in the dialog box. You can also drag and drop Swatches to the Delete Swatch icon (trash can).

2. Start with a clean palette

A clean swatch palette is empty, yet full of possibilities. Beginning each new document with a clean swatches palette can be great for helping you keep colors for each project organized. You can easily set your Adobe Illustrator to start with a clean palette on every new document in the future.

Simply open a new blank document, get rid of all the default swatches, then save this blank document in the plug-ins folder inside the Illustrator application folder. Give it a name you’ll remember, like “Adobe Illustrator Clean Palette Startup”. The next time you start up Illustrator and create a new design file from the template, you’ll have an empty color palette at the start.

3. Deleting and replacing swatches

If you’ve decided you no longer need a color, there are two approaches you can take to get rid of it. You can delete the swatch by selecting it with your mouse then clicking the Trash can icon in the corner of the Swatch menu. You can also replace it outright by holding down Option/Alt, then dragging and dropping a new color or gradient onto it.

4. Merge swatches

Sometimes when you’re copying and pasting with various documents, you can end up with multiple swatches of the same color. This can clutter up your palette and cause confusion.

To merge swatches, decide which of the swatches you’d like to keep and select that color first. Then, Command/Control click on the other swatches you’d like to merge with your chosen swatch. When that’s done, select Merge Swatches in the Swatches panel menu. The first color you’ve chosen earlier will remain, while the others will disappear.

5. Reorganizing swatches

When adding colors to a swatch palette, the new colors don’t always appear in the display where you want them to be. Reorganize where your color swatches are located by dragging them to where you want and dropping them.

If you like the list view, though, you’ll need to do a little more work. Illustrator lists colors by name alphabetically in List View, so you’ll need to name your colors accordingly.

One easy way to get your colors where you want them is to precede the colors’ names with a number or letter to group the colors according to your preference. Simply double-click the swatch on the palette and a menu will pop up where you can rename the color.

6. Create color groups

Color group is a tool in Adobe Illustrator that allows you to group related color swatches together within the Swatches panel. Color groups are an excellent way to organize variations of similar colors when working on a project.

Once you create all the colors you need, you can save them into a group and have the palette whenever you need it. Simply click the drop down menu in the Swatch menu and choose one of the two Save Swatch Library options. Name the library something that relates to the project for best results.

7. Use your library

The swatch library is excellent for keeping, managing and organizing swatches and color groups in Adobe Photoshop and Illustrator. You can set up your color palettes and save them for later use. Both of these Adobe products also come with preset libraries that can be useful.

If you’re only going to use a color swatch or palette once, it may be unwise to save them to the library. These libraries work best for recurring projects or colors.

8. Collect color palettes and swatches

Can’t find the colors you want in your library? Feeling uninspired? There are a variety of free tools available that allow users to create and import color palettes in moments.

Whole color schemes can be developed from a colorful photograph or something as simple as a single color. Tools that provide exact color mixes for download and are compatible with your computer software are best. Otherwise, you might end up having to copy all the color values over by hand.

9. Syncing swatches

Do you work on multiple machines or collaborate with other people? With Illustrator Creative Cloud, you can sync all sorts of settings across multiple machines, including swatches and libraries. Illustrator CC can also be useful for creating a back up of your settings.

To use this feature, open up the Preferences menu and choose Sync Settings. Then select either ‘Sync All Settings’ or ‘Sync Selected Settings’, and make sure that Swatches is one of the items you’ve selected in the dialog box. Finally, click ‘Sync Settings Now’. You should now be able to access your settings and swatches through the cloud.

10. Stay organized

Now that you’ve organized your swatch library, maintain the progress that you’ve made. Name, group and organize your palettes as you use them. Save your swatches to the libraries for future projects. Be sure to delete any unused or unnecessary color palettes in your library.

Conclusion

It will take time to organize your palettes and maintaining their organization could take a little getting used to, but the effort will be worth it. This could help you finish projects faster and if you ever need to add to a project, you’ll have the colors ready to go. With all of your colors located right where you expect to find them, you can save yourself time hunting them down or recreating them.

More With Illustrator

Editor’s note: This post is written by Sara Duane-Gladden for Hongkiat.com. Sara is the editor for Smartpress.com, an online printing service based in Minnesota, and a contributor to the Smarptress.com blog. She also works as a freelance copywriter and photographer in her spare time. You can find her on G+.





hongkiat.com

The Psychology of Color Pencil Set: From adventure to ambiguity, this creative tool kit from The School of Life will get you thinking—and drawing

The Psychology of Color Pencil Set


Insisting that not only children should relish the joy that is a box of sharp color pencils, The School of Life has released a lovely set—albeit a somewhat grown-up version. The 12-piece ,…

Continue Reading…


Cool Hunting