Scribd
Upload
10 views

Color Picker - HTML Color Codes

Uploaded by

Nikol sweet
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
10 views

Color Picker - HTML Color Codes

Uploaded by

Nikol sweet
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

HTML Color Codes

PICKER CONVERT CHART NAMES LIBRARY

Color Picker
Searching for that perfect color has
never been easier, use our HTML
color picker to browse millions of
colors and color harmonies.

HEX #0B0A0A

# 0B0A0A

R 11 H 3 C 0
G 10 S 3 M 3
B 10 L 4 Y 3
K 96

ANA LOG O U S

#0B0 A0A # 0 B0 B 0A
11 , 10, 10 1 1 , 1 1, 1 0

#0B0 B 0 A # 0 B0 B 0A
11 , 11, 10 1 1 , 1 1, 1 0

#0A 0B 0A # 0 A 0B 0B
10, 1 1, 10 1 0, 11 , 1 1

Color Picker
Use the color picker by clicking and dragging
your cursor inside the picker area to highlight
a color on the right. Input Hex, RGB, HSL or
CMYK values to search for a particular color
in the fields below the color swatch; click the
swatch to add it to your palette. After
selecting a color, experiment with different
harmonies by using the dropdown below the
color picker.

Color Harmonies
Color harmonies are particularly pleasing
combinations of two or more colors derived
from their relationship on a color wheel. Also
known as color chords, color harmonies are
useful when exploring a possible color
palette, or can be used as a standalone color
scheme.

COMP L EM E NTA RY C O LORS

Colors that are directly opposite one another


on the color wheel are known as
complementary colors. Complementary
colors have a high contrast and can be very
effective as accent colors when paired with a
more neutral palette.

T RIA DIC C O LO RS

Triadic harmonies consist of three colors


equidistant from one another on the color
wheel. Like complementary colors, triadic
schemes tend to be very bright with a high
contrast and work best when one color
dominates.

T E T RA D I C C O LORS

Tetradic color harmonies are formed by two


sets of complementary colors 60 degrees
apart on the color wheel. Tetradic schemes
are an excellent starting point for creating
color palettes; fine tune them using color
shades, tints and tones.

A NA LOG O U S C O LO RS

Analogous harmonies are created by


selecting the colors directly adjacent to a
chosen color. Frequently found in web
design, analogous schemes, when paired
with a complementary color for contrast, can
offer great versatility.

N EUTR AL C O LO RS

Neutral schemes, like analogous harmonies,


are formed by taking the colors on either
side of a chosen color but at half the
distance. While analogous schemes typically
use colors 30 degrees apart, neutral
harmonies use colors 15 degrees apart.

Color Shades, Tints and


Tones
Color shades, tints and tones are created by
adding black, white and gray respectively to
a chosen color. They can be very useful in
web design for backgrounds and typography,
and are often paired with a complementary
color for contrast. Try them with your own
color using the dropdown menu below the
color picker.

COLOR SH AD E S

Adding black in varying levels to a color


produces gradually darker variants, or
'shades', of that particular color. Shades work
well for link hover effects, or as footer and
header backgrounds.

COLOR T I NTS

Color tints are made by adding white to a


color, resulting in increasingly lighter
versions. Tints can also be used for CSS
hover effects, and perform nicely as modal
backgrounds.

COLOR TO NES

Tones are created by adding gray to a color,


and produces an almost endless variety of
colors depending on what level of gray is
used. Less common in web design, tones
could be useful for typographic elements like
comments, quotes or highlights.

DES IG NED BY

Dixon & Moe


© 2 01 5 – 2023 P R IVACY P OL ICY

CONTACT S OC IALI ZE

EM AIL G O OG LE +

FAC EB O OK

CO D E PE N

AB OU T

We built HTML Color Codes because we


believe tools for design should be well
designed themselves. If you like the site or
have a suggestion, drop us a line;
feedback is very much appreciated and
always welcome!

You might also like