Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
White
| Color Name | HEX | RGB |
|---|---|---|
White |
#FFFFFF |
255, 255, 255 |
| Color | ||
Color Combination Sample
Notes
- Actual colors displayed may differ depending on the display device you use.
- The color combination pattern is changeable with clicking on the "Switch" button.
- Text colors of color codes in each boxes below are set to
blackandwhite.
Horizontal Combination
White
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackBlack
BlackWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteBlack
BlackWhite
WhiteSwitch
Vertical Combination
White
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackBlack
BlackWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteBlack
BlackWhite
WhiteSwitch
Horizontal/Vertical Combination
White
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackBlack
BlackWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteBlack
BlackWhite
WhiteSwitch
Three Circles
White
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackBlack
BlackWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteWhite
WhiteWhite
WhiteWhite
WhiteBlack
BlackWhite
WhiteBlack
BlackWhite
WhiteSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
WhiteSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
WhiteSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
WhiteSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
WhiteCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
WhiteCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
WhiteSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
WhiteSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
WhiteJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
WhiteSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
WhiteScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
WhiteScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
WhiteBackground:
Screen:
Cat:
WhiteScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
WhiteSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
WhiteCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
WhiteCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
White