Html Colors

HTML colors are specified using defined color name keywords or RGB, HEX, HSL, RGBA, HSLA values. Color Hue is another word for color.

For example the color green has the HEX color code #00FF00, that is also RGB(0,255,0), which is '0' red, '255' green, and '0' blue. The color codes can be used to change the color for the text and the background on a web page.


Here is an example with different colors.


<!DOCTYPE html>
<html>
<body>
 
    <h1 style="background-color:#4CC417;"><font color="#00bfff">Color Green Apple</font></h1>
    <h1 style="background-color:#F87217;"><font color="#4B0082">Color Pumpkin Orange</font></h1>
    <h1 style="background-color:#81D8D0;"><font color="#FFFFFF">Color Tiffany Blue</font></h1>
    <h1 style="background-color:#6CC417;">Color Alien Green</h1>
    <h1 style="background-color:#504A4B;"><font color="#81D8D0">Color Gray Wolf</font></h1>
    <h1 style="background-color:#F6358A;"><font color="#FFFFFF">Color Violet Red</font></h1>
    <h1 style="background-color:#B6B6B4;">Color Gray Cloud</h1>
 
</body>
</html>

Learn more about Html Color Names HTML Colors Article

Hexadecimal Colors

Remember that hexadecimal color values are supported by all browsers.

Hexadecimal colors is specified with: #RRGGBB.

RR (red), GG (green) and BB (blue) are defined as hexadecimal integers between 00 and FF, it defines the intensity of the color.

#00FF00 displays green, the green component is set to the highest value (FF) and the others are set to 00.


RGB Colors

Remember that RGB color values are supported by all browsers.

RGB colors are specified with: rgb(red, green, blue).

The red, green and blue defines the intensity of the color, it is defined as an integer between 0 and 255.

rgb(0, 255, 0) displays green, the green component is set to its highest value (255) and the others are set to 0. Be sure to enclose the parameter in parentheses and prefix it with a lowercase 'rgb'.


HSL Colors

HSL color values are supported by all major browsers.

HSL stands for hue, saturation, and lightness.

HSL color values are specified with: hsl(hue, saturation, lightness).

Hue

Hue is defined as a degree in the color wheel from 0 to 360. 0 is red, 120 is green, 240 is blue.

Saturation

Saturation is a percentage value; 0% means a shade of gray and 100% is the full color.

Lightness

Lightness is a percentage; 0% is black, 100% is white.


Color Names

There are a numerous of color names, more than 1100 different names. Remark that the browsers does not support many of them by their Color Name, use the HEX Code value to ensure you get the correct color.

HEX Code

Color

#000000

Black

#0C090A

Night

#2C3539

Gunmetal

#2B1B17

Midnight

#34282C

Charcoal

#25383C

Dark Slate Grey

#3B3131

Oil

#413839

Black Cat

#3D3C3A

Iridium

#463E3F

Black Eel

#4C4646

Black Cow

#504A4B

Gray Wolf

#565051

Vampire Gray

#5C5858

Gray Dolphin

#625D5D

Carbon Gray

#666362

Ash Gray

#6D6968

Cloudy Gray

#726E6D

Smokey Gray

#736F6E

Gray

#837E7C

Granite

#848482

Battleship Gray

#B6B6B4

Gray Cloud

#D1D0CE

Gray Goose

#E5E4E2

Platinum

#BCC6CC

Metallic Silver

#98AFC7

Blue Gray

#6D7B8D

Light Slate Gray

#657383

Slate Gray

#616D7E

Jet Gray

#646D7E

Mist Blue

#566D7E

Marble Blue

#737CA1

Slate Blue

#4863A0

Steel Blue

#2B547E

Blue Jay

#2B3856

Dark Slate Blue

#151B54

Midnight Blue

#000080

Navy Blue

#342D7E

Blue Whale

#15317E

Lapis Blue

#151B8D

Denim Dark Blue

#0000A0

Earth Blue

#0020C2

Cobalt Blue

#0041C2

Blueberry Blue

#2554C7

Sapphire Blue

#1569C7

Blue Eyes

#2B60DE

Royal Blue

#1F45FC

Blue Orchid

#6960EC

Blue Lotus

#736AFF

Light Slate Blue

#357EC7

Windows Blue

#368BC1

Glacial Blue Ice

#488AC7

Silk Blue

#3090C7

Blue Ivy

#659EC7

Blue Koi

#87AFC7

Columbia Blue

#95B9C7

Baby Blue

#728FCE

Light Steel Blue

#2B65EC

Ocean Blue

#306EFF

Blue Ribbon

#157DEC

Blue Dress

#1589FF

Dodger Blue

#6495ED

Cornflower Blue

#6698FF

Sky Blue

#38ACEC

Butterfly Blue

#56A5EC

Iceberg

#5CB3FF

Crystal Blue

#3BB9FF

Deep Sky Blue

#79BAEC

Denim Blue

#82CAFA

Light Sky Blue

#82CAFF

Day Sky Blue

#A0CFEC

Jeans Blue

#B7CEEC

Blue Angel

#B4CFEC

Pastel Blue

#C2DFFF

Sea Blue

#C6DEFF

Powder Blue

#AFDCEC

Coral Blue

#ADDFFF

Light Blue

#BDEDFF

Robin Egg Blue

#CFECEC

Pale Blue Lily

#E0FFFF

Light Cyan

#EBF4FA

Water

#F0F8FF

AliceBlue

#F0FFFF

Azure

#CCFFFF

Light Slate

#93FFE8

Light Aquamarine

#9AFEFF

Electric Blue

#7FFFD4

Aquamarine

#00FFFF

Cyan or Aqua

#7DFDFE

Tron Blue

#57FEFF

Blue Zircon

#8EEBEC

Blue Lagoon

#50EBEC

Celeste

#4EE2EC

Blue Diamond

#81D8D0

Tiffany Blue

#92C7C7

Cyan Opaque

#77BFC7

Blue Hosta

#78C7C7

Northern Lights Blue

#48CCCD

Medium Turquoise

#43C6DB

Turquoise

#46C7C7

Jellyfish

#7BCCB5

Blue green

#43BFC7

Macaw Blue Green

#3EA99F

Light Sea Green

#3B9C9C

Dark Turquoise

#438D80

Sea Turtle Green

#348781

Medium Aquamarine

#307D7E

Greenish Blue

#5E7D7E

Grayish Turquoise

#4C787E

Beetle Green

#008080

Teal

#4E8975

Sea Green

#78866B

Camouflage Green

#848b79

Sage Green

#617C58

Hazel Green

#728C00

Venom Green

#667C26

Fern Green

#254117

Dark Forest Green

#306754

Medium Sea Green

#347235

Medium Forest Green

#437C17

Seaweed Green

#387C44

Pine Green

#347C2C

Jungle Green

#347C17

Shamrock Green

#348017

Medium Spring Green

#4E9258

Forest Green

#6AA121

Green Onion

#4AA02C

Spring Green

#41A317

Lime Green

#3EA055

Clover Green

#6CBB3C

Green Snake

#6CC417

Alien Green

#4CC417

Green Apple

#52D017

Yellow Green

#4CC552

Kelly Green

#54C571

Zombie Green

#99C68E

Frog Green

#89C35C

Green Peas

#85BB65

Dollar Bill Green

#8BB381

Dark Sea Green

#9CB071

Iguana Green

#B2C248

Avocado Green

#9DC209

Pistachio Green

#A1C935

Salad Green

#7FE817

Hummingbird Green

#59E817

Nebula Green

#57E964

Stoplight Go Green

#64E986

Algae Green

#5EFB6E

Jade Green

#00FF00

Green

#5FFB17

Emerald Green

#87F717

Lawn Green

#8AFB17

Chartreuse

#6AFB92

Dragon Green

#98FF98

Mint green

#B5EAAA

Green Thumb

#C3FDB8

Light Jade

#CCFB5D

Tea Green

#B1FB17

Green Yellow

#BCE954

Slime Green

#EDDA74

Goldenrod

#EDE275

Harvest Gold

#FFE87C

Sun Yellow

#FFFF00

Yellow

#FFF380

Corn Yellow

#FFFFC2

Parchment

#FFFFCC

Cream

#FFF8C6

Lemon Chiffon

#FFF8DC

Cornsilk

#F5F5DC

Beige

#FBF6D9

Blonde

#FAEBD7

AntiqueWhite

#F7E7CE

Champagne

#FFEBCD

BlanchedAlmond

#F3E5AB

Vanilla

#ECE5B6

Tan Brown

#FFE5B4

Peach

#FFDB58

Mustard

#FFD801

Rubber Ducky Yellow

#FDD017

Bright Gold

#EAC117

Golden brown

#F2BB66

Macaroni and Cheese

#FBB917

Saffron

#FBB117

Beer

#FFA62F

Cantaloupe

#E9AB17

Bee Yellow

#E2A76F

Brown Sugar

#DEB887

BurlyWood

#FFCBA4

Deep Peach

#C9BE62

Ginger Brown

#E8A317

School Bus Yellow

#EE9A4D

Sandy Brown

#C8B560

Fall Leaf Brown

#D4A017

Orange Gold

#C2B280

Sand

#C7A317

Cookie Brown

#C68E17

Caramel

#B5A642

Brass

#ADA96E

Khaki

#C19A6B

Camel brown

#CD7F32

Bronze

#C88141

Tiger Orange

#C58917

Cinnamon

#AF9B60

Bullet Shell

#AF7817

Dark Goldenrod

#B87333

Copper

#966F33

Wood

#806517

Oak Brown

#827839

Moccasin

#827B60

Army Brown

#786D5F

Sandstone

#493D26

Mocha

#483C32

Taupe

#6F4E37

Coffee

#835C3B

Brown Bear

#7F5217

Red Dirt

#7F462C

Sepia

#C47451

Orange Salmon

#C36241

Rust

#C35817

Red Fox

#C85A17

Chocolate

#CC6600

Sedona

#E56717

Papaya Orange

#E66C2C

Halloween Orange

#F87217

Pumpkin Orange

#F87431

Construction Cone Orange

#E67451

Sunrise Orange

#FF8040

Mango Orange

#F88017

Dark Orange

#FF7F50

Coral

#F88158

Basket Ball Orange

#F9966B

Light Salmon

#E78A61

Tangerine

#E18B6B

Dark Salmon

#E77471

Light Coral

#F75D59

Bean Red

#E55451

Valentine Red

#E55B3C

Shocking Orange

#FF0000

Red

#FF2400

Scarlet

#F62217

Ruby Red

#F70D1A

Ferrari Red

#F62817

Fire Engine Red

#E42217

Lava Red

#E41B17

Love Red

#DC381F

Grapefruit

#C34A2C

Chestnut Red

#C24641

Cherry Red

#C04000

Mahogany

#C11B17

Chilli Pepper

#9F000F

Cranberry

#990012

Red Wine

#8C001A

Burgundy

#954535

Chestnut

#7E3517

Blood Red

#8A4117

Sienna

#7E3817

Sangria

#800517

Firebrick

#810541

Maroon

#7D0541

Plum Pie

#7E354D

Velvet Maroon

#7D0552

Plum Velvet

#7F4E52

Rosy Finch

#7F5A58

Puce

#7F525D

Dull Purple

#B38481

Rosy Brown

#C5908E

Khaki Rose

#C48189

Pink Bow

#C48793

Lipstick Pink

#E8ADAA

Rose

#ECC5C0

Rose Gold

#EDC9AF

Desert Sand

#FDD7E4

Pig Pink

#FCDFFF

Cotton Candy

#FFDFDD

Pink Bubble Gum

#FBBBB9

Misty Rose

#FAAFBE

Pink

#FAAFBA

Light Pink

#F9A7B0

Flamingo Pink

#E7A1B0

Pink Rose

#E799A3

Pink Daisy

#E38AAE

Cadillac Pink

#F778A1

Carnation Pink

#E56E94

Blush Red

#F660AB

Hot Pink

#FC6C85

Watermelon Pink

#F6358A

Violet Red

#F52887

Deep Pink

#E45E9D

Pink Cupcake

#E4287C

Pink Lemonade

#F535AA

Neon Pink

#FF00FF

Magenta

#E3319D

Dimorphotheca Magenta

#F433FF

Bright Neon Pink

#D16587

Pale Violet Red

#C25A7C

Tulip Pink

#CA226B

Medium Violet Red

#C12869

Rogue Pink

#C12267

Burnt Pink

#C25283

Bashful Pink

#C12283

Dark Carnation Pink

#B93B8F

Plum

#7E587E

Viola Purple

#571B7E

Purple Iris

#583759

Plum Purple

#4B0082

Indigo

#461B7E

Purple Monster

#4E387E

Purple Haze

#614051

Eggplant

#5E5A80

Grape

#6A287E

Purple Jam

#7D1B7E

Dark Orchid

#A74AC7

Purple Flower

#B048B5

Medium Orchid

#6C2DC7

Purple Amethyst

#842DCE

Dark Violet

#8D38C9

Violet

#7A5DC7

Purple Sage Bush

#7F38EC

Lovely Purple

#8E35EF

Purple

#893BFF

Aztech Purple

#8467D7

Medium Purple

#A23BEC

Jasmine Purple

#B041FF

Purple Daffodil

#C45AEC

Tyrian Purple

#9172EC

Crocus Purple

#9E7BFF

Purple Mimosa

#D462FF

Heliotrope Purple

#E238EC

Crimson

#C38EC7

Purple Dragon

#C8A2C8

Lilac

#E6A9EC

Blush Pink

#E0B0FF

Mauve

#C6AEC7

Wisteria Purple

#F9B7FF

Blossom Pink

#D2B9D3

Thistle

#E9CFEC

Periwinkle

#EBDDE2

Lavender Pinocchio

#E3E4FA

Lavender blue

#FDEEF4

Pearl

#FFF5EE

SeaShell

#FEFCFF

Milk White

#FFFFFF

White

 


BACK TO TOP






Check this out

HTML: Layout

When you develop a webpage, it is very important to think about the layout and what the page should look like. This is important for the entire user experience and for the user-friendliness of the page.


Nowadays, it's common and highly recommended to use modern technologies such as CSS....

HTML: Headings

The HTML <h1><h6> elements are representing six separate levels of section headings. The highest section is level <h1> and the lowest section is <h6>. You co....

HTML: Responsive Web Design

What are we talking about when we are talking about responsive design?


To say it simple.
When using responsive web design the goal is to make your web page look good on all kind devices.

It's all about using HTML and CSS to automatically resize, hide, shrink, or enlarge ....

HTML: URL Encode

URL Encoding is the process of converting a string into a valid format that can be transmitted over the Internet. URLs must use the ASCII character-set. Characters outside the ASCII set must be converted to be able to be transmitted over the Internet.


BACK TO TOP
HTML is a markup language used to make web pages. HTML5 is the latest version of Hypertext Markup Language. The cornerstone technologies for a webpage are HTML, which provides the structure. Cascading Style Sheets (CSS), which take care of presentation. And JavaScript, which makes things happen.

Thanks to HTML5, web pages can now store data locally on the users browser, then you dont need to use HTTP cookies. Now content can be delivered faster and more securely. HTML5 has also made it easier to ensure consistency across all browsers. Since browsers have traditionally relied upon different plugins to play multimedia files, native support of video and audio allows developers to avoid compatibility issues. New attributes also allow for video controls including play, pause, and volume options.

HTML4 was the standard for about 15 years and many still use it, all browsers will continue to support it for a very long time. Likewise, older browsers can 'overlook' new HTML5 code while rendering content. Virtually all modern browsers support HTML5 specifications fairly well.

You can use HTML5test to run a test with your current browser to see what it scores in terms of HTML5 support.

BACK TO TOP

Need more Honney

NDC Conferences

The NDC Conferences (Norwegian Developers Conference) are one of the world`s largest independent software conferences for .NET & Agile development. The conference covers everything you need to know within software development. The conferences are held each year in many places such as Oslo, Copenhagen, London, Sydney and Minnesota.

Update Conference Prague

Update Conference Prague is the biggest developer conference in the Czech Republic. The conference is offering sessions delivered by the top experts from all around the world. Their goal is to inspire the attendees and enrich their knowledge.

Troy Hunt

Learn about Web Security from Troy Hunt. He is a really engaged speaker that frequently give talks on conferences around the world. Troy is a Microsoft MVP and you can even learn from him on some great courses on Pluralsight.

W3Schools

W3Schools.com is a great education Web Site for learning web technologies. On W3Schools you may find well organized basic to advanced tutorials and references.

Scott Hanselman

Learn about Web Technologies and new trends from Scott Hanselman. Scott Hanselman is an author of developer books and he is an engaged speaker that usually talks about the Microsoft stack. You may meet Scott on conferences around the world.

Developer Week

DeveloperWeek is one of the world’s largest developer conferences. Developer Week focus on new dev technologies, the conference have talks and workshops for newbies and experienced audience. You can attend on a Developer Week conference different places in Nothern America.


BACK TO TOP

Honneybag blog



Learn JavaScript Debugging

Searching for bugs and fixing them is called code debugging. The bugs might be difficult to diagnose and therefore it is important to have a good approach to find and fix the bugs effectively. Bugs in the code might be syntax errors or logical errors. Sometimes nothing happens when the code contains bugs and there is few indications where to search. Modern web browser includes a powerful suite of developer tools. The tools do a range of things...

Explore JavaScript Arrays

Arrays are frequently used by developers. Programming languages can have slightly different implementation of arrays. An array is an object that can store a collection of items. You may say it`s a special variable that can have more than one value. The array holds many values under a single name, and you may access the values by referring to an index number. The easiest way to create....

Ultimate Guide to HTML Colors

It is essential to give the user a good user experience. There are many things you should focus on, one of them is how you use colors on your website. We don't have to struggle with black and white TVs anymore. Users expect more and more and we can apply colors to everything we want. Texts, borders, backgrounds, shadows – in HTML they all can have whatever color you decide....

Wanna be a sheep? Check out the most popular subjects
HONNEYBAG BLOG
HONNEYBAGBLOG INSPIRE-AND-BE-INSPIRED
HTML FORMATTING
HTML ESSENTIALS
JAVASCRIPT ESSENTIALS
Wanna be a little different? Check out the less popular subjects
HONNEYBAG BLOGER
HTML INTRODUCTION
HTML ESSENTIALS
HTML ESSENTIALSWE
JAVASCRIPT BREAKER
BACK TO TOP