How to get a detailed information about any color online [Tip]

Website designers and developers often add alternative color codes to their sites. To find details for colors, and an exact match in a different code format, the ColorHexa tool might be handy. That tool provides detailed color info in almost any format, and with it you can also set up gradients for Web pages.

ColorHexa – find color details and create gradients

Open the ColorHexa website shown in the shot below. There enter a color code in the search box such as #DD5437. Then press the Search button for further color details. For example, for #DD5437 the website states:

In a RGB color space, hex #dd5437 is composed of 86.7% red, 32.9% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62% magenta, 75.1% yellow and 13.3% black. It has a hue angle of 10.5 degrees, a saturation of 70.9% and a lightness of 54.1%. #dd5437 color hex could be obtained by blending #ffa86e with #bb0000. Closest websafe color is: #cc6633.

ColorHexa

Press the Conversion button to jump further down the page as shown below. That scrolls the page down to a list of color conversions. There, there is a list of alternative format codes for the color such as HSL, CMYK and RGB.

ColorHexa2

Click the Preview button on the page to jump to the previews shown below. That shows you text, borders and background with the color entered in the search box. It also includes CSS codes for the text, background and border color.

ColorHexa3

You can also set up color with this tool. Enter at least two color codes in the search box with to between them. For example, enter “#dd5437 to #fde26d” and press the Search button. That opens the page below which shows you the color gradient.

ColorHexa4

If you scroll to the bottom of the page, you’ll find code for the gradient that can be copied and pasted. You can also customize the gradient by clicking four options at the bottom of the page. There you can select left to right, right to left, top to bottom and bottom to top gradient options.

ColorHexa5

So this website will help Web designers, or anybody with a website, find color details and convert their codes to almost any format. In addition, with this app you can also set up color gradients for your website’s pages without extra software.

Related Posts