Home
> Color Combos For Your Website
You must have JavaScript enabled to use this webpage!
Enter Hex or RGB Color:
Pick a Color Name:
Pick a Color Name
aliceblue
antiquewhite
aqua
aquamarine
azure
beige
bisque
black
blanchedalmond
blue
blueviolet
brown
burlywood
cadetblue
chartreuse
chocolate
coral
cornflowerblue
cornsilk
crimson
cyan
darkblue
darkcyan
darkgoldenrod
darkgray
darkgreen
darkkhaki
darkmagenta
darkolivegreen
darkorange
darkorchid
darkred
darksalmon
darkseagreen
darkslateblue
darkslategray
darkturquoise
darkviolet
deeppink
deepskyblue
dimgray
dodgerblue
firebrick
floralwhite
forestgreen
fuchsia
gainsboro
ghostwhite
gold
goldenrod
gray
green
greenyellow
honeydew
hotpink
indianred
indigo
ivory
khaki
lavender
lavenderblush
lawngreen
lemonchiffon
lightblue
lightcoral
lightcyan
lightgoldenrodyellow
lightgrey
lightgreen
lightpink
lightsalmon
lightseagreen
lightskyblue
lightslategray
lightsteelblue
lightyellow
lime
limegreen
linen
magenta
maroon
mediumaquamarine
mediumblue
mediumorchid
mediumpurple
mediumseagreen
mediumslateblue
mediumspringgreen
mediumturquoise
mediumvioletred
midnightblue
mintcream
mistyrose
moccasin
navajowhite
navy
oldlace
olive
olivedrab
orange
orangered
orchid
palegoldenrod
palegreen
paleturquoise
palevioletred
papayawhip
peachpuff
peru
pink
plum
powderblue
purple
rebeccapurple
red
rosybrown
royalblue
saddlebrown
salmon
sandybrown
seagreen
seashell
sienna
silver
skyblue
slateblue
slategray
snow
springgreen
steelblue
tan
teal
thistle
tomato
turquoise
violet
wheat
white
whitesmoke
yellow
yellowgreen
Use The Color Picker:
Text:
Background:
Increment:
This is sample text for you to view. When you change the settings on the left side, and click a button this text and background will change and the CSS below will update. The power of this tool is the "Darker" and "Lighter" buttons.
We also offer a "smart random" feature which results in awesome color combos. You can also temporarily store your favorite colors by clicking on "Add to Favorites."
CSS:
color: rgb(0,0,0); background: rgb(255,255,255);
Favorites:
text:
background:
text:
background:
text:
background:
text:
background:
text:
background:
text:
background:
text:
background:
text:
background:
text:
background:
text:
background:
Instructions
1) Enter your favorite color into the text input labled "Enter Hex or RGB Color Here."
OR
Select a color name from the drop-down list.
OR
Click on the blue bar to use the color picker.
2) To use the color for the background, click on the "Background" button. To use the color for the text, click on the "Text" button. To use the color for both the background and the text, click on the "Both" button.
3) Optionally, you can choose the increment for the "Darker" and "Lighter" buttons, between 5 and 30. The bigger the number, the faster the color changes.
4) Click on "Darker" or "Lighter" to the right of the "Text" input. When you click on the button, the sample text will change color.
5) Click on "Darker" or "Lighter" to the right of the "Background" input. When you click on the button, the sample background will change color.
6) Click on "Random" to quickly pick a pretty color combo randomly. Keep clicking till you find one you like. If you see a color that is almost perfect, click on the "Darker" or "Lighter" buttons untill the colors are awesome.
7) Click on "Invert" to swap the text and background colors.
8) Click on "Add to Favorites" to temporarily save the current color combo. You can save up to 10 combos at a time. The favs are stored at the bottom of this page. When you leave this page, you will lose your favs.
9) To view one of your favs again, click on "View This" beside your color.
10) To delete one of your favs, click on the "×" button beside the color.
©2021-2023 Eldaha Technologies