... (anirik_01) wrote,

несколько полезных инструментов

Пусть тут полежат

Color Wizard – Color Scheme Generator

На этой странице http://www.colorsontheweb.com/ есть нескольно полезных инструментов: color wizard для подбора цветов, колесо случайных цветов и анализатор цветового контраста.


CSS Prism is a CSS color spectrum inspector


и здесь еще куча полезных ссылок

сейчас разбираться с ними некогда.
просто все их себе скопирую

CSS Prism – A CSS Color Spectrum Inspector

CSS Prism is a CSS color spectrum inspector. Input the path to any .css file, and it will output an easy to scan display of all hex colors from the file. Unwanted colors can be edited via a Photoshop-like color picker and the resulting .css file can be downloaded for your convenience.
The CSS Prism Bookmarklet will insert links to any webpage’s linked .css files just inside the body tag. CSS Prism will be quite helpful to you if you are building more sites at work.


Requirements: -
Demo: http://cssprism.com/
License: License Free



HSL Color Picker For Web Designer

HSL (Hue, Saturation, Luminosity) allows us to describe meaningful relationships between colors. Give this brown color, hsl(36, 73%, 10%), it’s clear that if we desaturate 40 steps and lighten 70 steps we get hsl(36, 33%, 80%), a cream color. HSL Color Picker can help you with this.

In graphics software, it feels more natural to work with HSB (Hue, Saturation, Brightness) than RGB or CMYK. Now, with CSS3 we can use HSL which is actually quite different than HSB. Without a decent HSL color picker, it’s difficult to understand.


Requirements: -
Demo: http://hslpicker.com
License: License Free


Manipulate Colors in All Imaginable Combinations with xColor

The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations. This plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors.

Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background. The color value can also be passed in different color models: RGB, HSV/HSB, HSL and their adequate alpha extensions.


Requirements: jQuery Framework
Demo: http://www.xarg.org/project/jquery-color-plugin-xcolor/
License: MIT, GPL License


Highly Customizable Javascript ColorPicker with 4 Sizes

JavaScript ColorPicker is a light weight all-rounder (only ~46k incl. all 16 files) that can display and let you choose the entire color palette (~16.78 mil. colors) in 6 different color modes (+3 extra modes in RGB).

This highly customizable and easy to install app comes in 4 different sizes (from 151 x 87 pixels to 405 x 302 pixels) and therefore different feature levels so you can use it for every supposable cause from ‘easy choice’ to ‘professional determination’. That’s probably all you’ll ever need to let your clients choose the right color.

You’ll also find a lot of extra helpers and smart features like contrast-meter, color-difference-meter, value-slider in input fields, web-smart and web-save button, color memories and much more that can help your clients make the right decision.


Requirements: Javascript Enabled
Demo: http://dematte.at/colorPicker/
License: GPL License


Helps Web Designers Find Lighter & Darker Colors

0to255 is a simple tool that helps web designers find lighter and darker colors based on any color. 0to255 cures your color manipulation woes. It’s fun, simple, and a huge time-saver.

Simply pick the color that you want to start with and 0to255 gives you a range of colors from black to white using an interval optimized for web design. Then, just click the variation you want to use and the hex code is automatically copied to your clipboard.


Source: http://0to255.com/


Extract Colors from Web Pages and Photos with ColorSuckr

ColorSuckr can create color schemes based on photos for use in your artwork and designs. It extracts the 12 most common colors from your image.You can move the color results around the page, click on the color strip, hold and drag, let go to drop. You can also show and hide the color text by clicking the small grey dot next to the strip.

If you enter a web page url (e.g. http://theDesignInspiration.com/) instead of an image, ColorSuckr will scan the page and show you the images on it & you can choose from there. Make getting image colors even easier with the ColorSuckr Add-on for the Firefox browser. Install the add-on, then simply right click any image on a webpage and choose ‘Extract Image Colors’ from the menu to go straight to the ColorSuckr website with the image.


Requirements: -
Demo: http://colorsuckr.com/
License: License Free


Colors Come to Life in 3D with ColoRotate

Like taste and smell, color is a sense that is processed by our brains in multiple dimensions. Yet traditional methods of choosing colors on computers are limited to obscure sliders and flattened two-dimensional viewers. With ColoRotate, you can work with colors in 3D, in real time, and in a way that matches how our minds process color.

ColoRotate has an intuitive interface that eliminates the need to memorize or jot down color combinations or numbers. Indeed, you can traverse across an open three-dimensional color space and choose (or design) the color palette that fits your needs.

Colors 3D

Source: http://www.colorotate.org/


Color Scheme Designer Version 3.0

While designing web pages, computer applications, or house interiors, we need to find good color scheme – set of colors producing the best impression. For every tint there are colors which it can coexist with, and which it can’t. Some combinations are uncomfortable, or disturbing – while others are pleasant.

Experienced designers choose colors intuitively, many people can smell which colors go together well and which don’t. However, finding the good combination of colors may be sometimes long and gruelling work. The color theory makes the work easier. Color Scheme Designer will find set of colors you can start with, and it may facilitate your looking for the optimal color palette.

Color Scheme Designer generates color schemes of several types. Every scheme is based on one (base) color, which is supplemented with additional colors making together the best optical imperssion – using one of the authentic algorithms.

Color Scheme Designer V3 has launched recently with A brand new interface, as well as the engine, all rewritten from the scratch. Rapidly increased precision and color space conversions, better preview, enhanced scheme creation system, unique scheme IDs and permanent URL of the scheme.

Color Scheme Designer

Requirements: -
Demo: http://colorschemedesigner.com/
License: BY-NC-SA License


ColorCombos – Quickly Select and Test Color Combinations

ColorCobmos was built to help web developers quickly select and test website color combinations. The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen. If you are looking for Color Combination ideas, check out the Combo Library. The library contains hundreds of color swatches, along with their color hex values.

You can also look at other Color Schemes Picker/Generator we talked about. I am sure that you will be able to find or create the perfect website color schemes using these color tools.

Color Combinations

Requirements: -
Demo: http://www.colorcombos.com
License: License Free


ColorToy 2.0 – Flash Based Color Scheme Generator

ColorToy 2.0 is a Flash based color scheme generator and picker. It generates complementary color schemes based on your inputted color values or randomly. There are three ways to use ColorToy.


1. Enter a RGB value. e.g. 211,21,52 and hit “Submit RGB”. ColorToy 2.0 will then generate your complementary color scheme.
2. Enter a HEX value e.g. #c0ffee and hit “Submit Hex”. ColorToy 2.0 will then generate your complementary color scheme based on your HEX value.
3. Hitting “Random” will generate a random color and associated complementary color scheme. Go on, give it a click.


COLOURlovers Free Advanced DHTML Color Picker

There are many types of color pickers, now we have one more option. COLOURlovers found that web developers needed to have a more advanced color picker to work inside the application… and since COPASO is built with DHTML it was easy enough to pull out the picker to use on the other creation pages of websites. They have modularized the color picker code and offer it to others to use on their own sites and projects. So here is the code to get the Free Advanced DHTML Color Picker working on your site for free.


Requirements: -
Demo: http://www.colourlovers.com/blog/2008/01/16/free…
License: License Free


Advanced Color Palette Tool for Creating Color Schemes

COPASO is an advanced color palette tool that helps you create the perfect color schemes and themes. With a scratch pad to save colors you’re working with, a photo tool to extract colors and an advanced color picker and color theory wheel to give you tons of color inspiration.

Using COPASO you can save your palettes to a private folder or download them to your local computer. When you’re ready, click publish and share your color palette with thousands of other color enthusiasts. This tool is very easy to use and it has all the necessary functions for color lovers. You can easily build a really nice color schemes for your websites.


Requirements: -
Demo: http://www.colourlovers.com/copaso
License: License Free


Photoshop-Like Javascript Color Picker

There are tons of color pickers out there. The main difference in Photoshop-Like Javascript Color Picker is that it has all 6 picking options (H,S,V,R,G,B) not just Hue. To create the color mixing, the larger map is made of two layers and the vertical slider has four layers (two are used for H, S, or B; four layers for R, G, or B). Some others pickers use this method for a hue map, but don’t include the other maps (S,V,R,G,B).The JavaScript is made up of some color methods, a slider control, a handler for input, and the ColorPicker object to put it all together.


Requirements: IE5.5, IE6, IE7, FF2, Opera 9, Safari 2
Demo: http://johndyer.name/lab/colorpicker/
License: License Free


1500+ Color Names on Name That Color Javascript

Being a typical guy, Chirag Mehta have no clue what the colors Lavender and Mauve look like. You can show him Indigo and he won’t know if it’s more like Violet or Purple. So he made this little app called Name that Color 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. I did not realise there are so many colors you can actaully call them until I saw Name that Color…If you want to incorporate the same facility into your website or project, you may download a copy and use it as you wish.


Requirements: Modern Browsers with Javascript Enabled
Demo: http://chir.ag/phernalia/name-that-color/
License: Creative Commons License


Find Color Trends and Palettes in ColorLovers

colorloverslogo.gifCOLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers gives the people who use color – whether for ad campaigns, product design, or even in architectural specification – a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews.

The COLOURlovers™ community is regularly updated with information and examples of the way colors are used in the real world — along with news articles on color trends and interviews with top creative professionals.


Requirements: No Requirements
Demo: http://www.colourlovers.com
License: License Free


Share Color Themes with Adobe Kuler

Kuler let us create and share themes easily. You can also get some feedback from other users. Kuler has a desktop version as well which is developed by using Apollo, that means you can browse the color themes while you are offline as well. Get in and feel the power of Kuler.


Requirements: No Requirements
Demo: http://kuler.adobe.com
License: License Free


Website-Ready Color Schemes for Color Schemers

Color Schemer has created a Scheme Gallery which let us browse for new color scheme ideas, search for schemes containing a particular color. It is great for when a client gives you a color and you need a matching scheme in a hurry. We can have our FREE account to upload, manage and share your color schemes. Build your own color scheme database and show your schemes to clients or collegues to make deciding on a color scheme a breeze. You can also add your favorite schemes in the Gallery to your personalized color scheme Favorites list.


Requirements: No Requirements
Demo: http://www.colorschemer.com/schemes
License: License Free

И еще копирую вся подборку ссылок с другого сайта.
Наверняка есть повторения.

Color Tools are very important in web design and development. We all know that it is "how your website looks" that most internet surfers try to see if the site is really worth their time, that is why your website's color scheme is such a deciding factor. Hence every web designer really needs a color tool whenever he builds his website's look-and-feel.

Such tools are essential in color matching and making a color palette. The following list is composed of online color tools which are being used by most web designers today.

1. Color Scheme Designer


2. Color Wheel Color Calculator


3. Color Wheel from Colors On The Web



4. Infobound Color Schemer


5. 4096 Color Wheel


6. Color Schemer Online v2


7. Hex Color Scheme Generator


8. The Color Wizard 3.0


9. ColorToy 2.0


10. Color Combos


11. Slayeroffice Color Palette Creator


12. Instant Color Schemes


13. Daily Color Scheme


14. Color Schemer from dhtmlgoodies.com


15. Color Palette Generator from DeGraeve.com


16. Pictaculous


17. Pro Color Palette Software from Colourlovers


18. Toucan Color Palettes


19. Color Palette Generator from jrm.cc


20. Palette Man


21. The Color Tool


22. CSSDrive’s Image To Colors Palette Generator


23. Big Huge Labs Palette Generator


24. Color Codes Matching Chart HTML


25. Kolur


26. Kuler


27. Color Combinations Tester


28. Color Explorer


29. Color Theory @ ColorJack


30. Website Color Match


31. Color Hunter


32. ColorBlender


33. ColorJack: Sphere (Color Theory Visualizer)


34. ColorJack: Color Generator


35. ColorDb


36. ColoRotate


37. ColorMixers


38. ColourGrab


39. Unsafe Colormatch


40. Hex Color Code Chart & Generator


41. Web Color Visualizer



и еще

1. Color Scheme Designer 3

Color scheme combinations

2. Hex Color Scheme Generator

Hex Color Scheme Generator

3. COPASO : Color Palette Tool

Color Palette Tool

4. Color Combos

Color Combinations

5. Color Wizard

Color Schemes

6. Color Hunter

web colors

7. Daily Color Scheme

web safe colors

8. Color Explorer

color combinations

9. Color Wheel Color Calculator

color palettes

10. CSS Drive: Image to Colors Palette Generator

web safe color palette

Tags: design, info, tools
  • Post a new comment


    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.