Finding Colors

Color tools to help convert colors, find color palettes & gradients.

 

How to Convert Colors

Need a hex code? Here’s how you can convert colors via Developer Tools or web-based tools!

Websites like Converting Colors and Contrast Ratio allow you to convert 15 different color formats (hex, rgb, rgb percent, cmy, cmyk, hsv, hsl, cielab, cielch, xyz, yxy, ryb, android, decimal, yuv) by just entering the original format.

If you’re using a MAC, here’s how:

  • Option + Command + I to open developer tools

  • Click on the color swatch in developer tools (see GIF)

  • Using the eye dropper take a color swatch from the website

  • Click the arrow to pick the desired code!

Convert Color.gif
 

khroma.co

Do you ever get stuck finding awesome color combinations?

Khroma.co is an incredible color generating tool to explore unique and interesting color combinations. Select up to 50 colors, and Khroma will provide you with combinations you’ve probably never thought of before!

Screen+Recording+2019-03-09+at+04.20+PM.gif
 

webgradients.com

Get free awesome gradients

Looking for a fun and unique way to add custom CSS to your website?
Gradients can be cool! Very CBD brand-chic.

Gradients.gif
 

Coolors

Generate Color Palettes & Gradients

Browse beautiful color combinations for your designs or generate your own (super fast!).

colors-from-image.gif
ToolsPunoSection 4 – Clients