HTML Color Code Generator: Red

HTMLCodes.ws HTML Color Code Generator: Red

The current display color is red, so all examples below have had their HTML color code generated using red as the color.

Change Color

Select a new color to generate the HTML code necessary to include it into your HTML document.

Text Color

Here are examples of text color being set to red

Source CodeResult

The color of this text is: Red.

The color of this text is inherited from its containing block, but the text inside this 'span' tag has been changed to Red.

The text inside this 'div' tag has a color of Red.

The color of this text is: Red.

The color of this text is inherited from its containing block, but the text inside this 'span' tag has been changed to Red.

The text inside this 'div' tag has a color of Red.

Background Color

Source CodeResult

The color of this paragraph is: Red.

The background color of this text is inherited from its containing block, but the background color of this 'span' tag has been changed to Red.

The background color of this 'div' tag is Red.

The color of this paragraph is: Red.

The background color of this text is inherited from its containing block, but the background color of this 'span' tag has been changed to Red.

The background color of this 'div' tag is Red.

Border Color

Source CodeResult

This text has a border color of: Red.

The border of this text is inherited from its containing block, but this 'span' tag has a border with a color of Red.

The border color of this 'div' tag is Red.

This text has a border color of: Red.

The border of this text is inherited from its containing block, but this 'span' tag has a border with a color of Red.

The border color of this 'div' tag is Red.

Outline Color

An outline is similar to a border, except that the outline is not actually part of the element - it simply draws an "outline" around the element.

Source CodeResult

This text has an outline color of: Red.

The outline of this text is inherited from its containing block, but this 'span' tag has an outline color of Red.

The outline color of this 'div' tag is Red.

This text has an outline color of: Red.

The outline of this text is inherited from its containing block, but this 'span' tag has an outline color of Red.

The outline color of this 'div' tag is Red.

Color Code Chart

Pick a color from the chart to generate the HTML code for that color. Selecting a color will also change the background of the chart so that you can check how it looks against the other colors.

To select a color, click on the color name or its hexadecimal value.

Note that Red is an example of a color name. Although it is usually fine to use color names to define your colors, you might be better off using the corresponding hexadecimal value. This is because hex colors are more compatible with browsers, operating systems, etc.

Color Name Hex Code RGB Decimal Code RGB
Reds
IndianRed CD5C5C 2059292
LightCoral F08080 240128128
Salmon FA8072 250128114
DarkSalmon E9967A 233150122
LightSalmon FFA07A 255160122
Crimson DC143C 2202060
Red FF0000 25500
FireBrick B22222 1783434
DarkRed 8B0000 13900
Pinks
Pink FFC0CB 255192203
LightPink FFB6C1 255182193
HotPink FF69B4 255105180
DeepPink FF1493 25520147
MediumVioletRed C71585 19921133
PaleVioletRed DB7093 219112147
Oranges
LightSalmon FFA07A 255160122
Coral FF7F50 25512780
Tomato FF6347 2559971
OrangeRed FF4500 255690
DarkOrange FF8C00 2551400
Orange FFA500 2551650
Yellows
Gold FFD700 2552150
Yellow FFFF00 2552550
LightYellow FFFFE0 255255224
LemonChiffon FFFACD 255250205
LightGoldenrodYellow FAFAD2 250250210
PapayaWhip FFEFD5 255239213
Moccasin FFE4B5 255228181
PeachPuff FFDAB9 255218185
PaleGoldenrod EEE8AA 238232170
Khaki F0E68C 240230140
DarkKhaki BDB76B 189183107
Purples
Lavender E6E6FA 230230250
Thistle D8BFD8 216191216
Plum DDA0DD 221160221
Violet EE82EE 238130238
Orchid DA70D6 218112214
Fuchsia FF00FF 2550255
Magenta FF00FF 2550255
MediumOrchid BA55D3 18685211
MediumPurple 9370DB 147112219
Amethyst 9966CC 153102204
BlueViolet 8A2BE2 13843226
DarkViolet 9400D3 1480211
DarkOrchid 9932CC 15350204
DarkMagenta 8B008B 1390139
Purple 800080 1280128
Indigo 4B0082 750130
SlateBlue 6A5ACD 10690205
DarkSlateBlue 483D8B 7261139
MediumSlateBlue 7B68EE 123104238
Color Name Hex Code RGB Decimal Code RGB
Greens
GreenYellow ADFF2F 17325547
Chartreuse 7FFF00 1272550
LawnGreen 7CFC00 1242520
Lime 00FF00 02550
LimeGreen 32CD32 5020550
PaleGreen 98FB98 152251152
LightGreen 90EE90 144238144
MediumSpringGreen 00FA9A 0250154
SpringGreen 00FF7F 0255127
MediumSeaGreen 3CB371 60179113
SeaGreen 2E8B57 4613987
ForestGreen 228B22 3413934
Green 008000 01280
DarkGreen 006400 01000
YellowGreen 9ACD32 15420550
OliveDrab 6B8E23 10714235
Olive 808000 1281280
DarkOliveGreen 556B2F 8510747
MediumAquamarine 66CDAA 102205170
DarkSeaGreen 8FBC8F 143188143
LightSeaGreen 20B2AA 32178170
DarkCyan 008B8B 0139139
Teal 008080 0128128
Blues/Cyans
Aqua 00FFFF 0255255
Cyan 00FFFF 0255255
LightCyan E0FFFF 224255255
PaleTurquoise AFEEEE 175238238
Aquamarine 7FFFD4 127255212
Turquoise 40E0D0 64224208
MediumTurquoise 48D1CC 72209204
DarkTurquoise 00CED1 0206209
CadetBlue 5F9EA0 95158160
SteelBlue 4682B4 70130180
LightSteelBlue B0C4DE 176196222
PowderBlue B0E0E6 176224230
LightBlue ADD8E6 173216230
SkyBlue 87CEEB 135206235
LightSkyBlue 87CEFA 135206250
DeepSkyBlue 00BFFF 0191255
DodgerBlue 1E90FF 30144255
CornflowerBlue 6495ED 100149237
MediumSlateBlue 7B68EE 123104238
RoyalBlue 4169E1 65105225
Blue 0000FF 00255
MediumBlue 0000CD 00205
DarkBlue 00008B 00139
Navy 000080 00128
MidnightBlue 191970 2525112
Color Name Hex Code RGB Decimal Code RGB
Browns
Cornsilk FFF8DC 255248220
BlanchedAlmond FFEBCD 255235205
Bisque FFE4C4 255228196
NavajoWhite FFDEAD 255222173
Wheat F5DEB3 245222179
BurlyWood DEB887 222184135
Tan D2B48C 210180140
RosyBrown BC8F8F 188143143
SandyBrown F4A460 24416496
Goldenrod DAA520 21816532
DarkGoldenrod B8860B 18413411
Peru CD853F 20513363
Chocolate D2691E 21010530
SaddleBrown 8B4513 1396919
Sienna A0522D 1608245
Brown A52A2A 1654242
Maroon 800000 12800
Whites
White FFFFFF 255255255
Snow FFFAFA 255250250
Honeydew F0FFF0 240255240
MintCream F5FFFA 245255250
Azure F0FFFF 240255255
AliceBlue F0F8FF 240248255
GhostWhite F8F8FF 248248255
WhiteSmoke F5F5F5 245245245
Seashell FFF5EE 255245238
Beige F5F5DC 245245220
OldLace FDF5E6 253245230
FloralWhite FFFAF0 255250240
Ivory FFFFF0 255255240
AntiqueWhite FAEBD7 250235215
Linen FAF0E6 250240230
LavenderBlush FFF0F5 255240245
MistyRose FFE4E1 255228225
Greys
Gainsboro DCDCDC 220220220
LightGrey D3D3D3 211211211
Silver C0C0C0 192192192
DarkGray A9A9A9 169169169
Gray 808080 128128128
DimGray 696969 105105105
LightSlateGray 778899 119136153
SlateGray 708090 112128144
DarkSlateGray 2F4F4F 477979
Black 000000 000

© Copyright 2013 - 2024 HTMLCodes.ws | Privacy Policy

  • TAGS
    • <a>
      • <a>
      • <a download>
      • <a hreflang>
      • <a rel="alternate">
      • <a rel="author">
      • <a rel="bookmark">
      • <a rel="help">
      • <a rel="license">
      • <a rel="next">
      • <a rel="nofollow">
      • <a rel="noreferrer">
      • <a rel="prefetch">
      • <a rel="prev">
      • <a rel="search">
      • <a rel="tag">
      • <a target="_blank">
      • <a target="_parent">
      • <a target="_self">
      • <a target="_top">
      • <a target=(name)>
      • <a type>
    • <abbr>
      • <abbr>
      • <abbr title>
    • <address>
    • <area>
      • <area>
      • <area download>
      • <area hreflang>
      • <area rel="alternate">
      • <area rel="author">
      • <area rel="bookmark">
      • <area rel="help">
      • <area rel="license">
      • <area rel="next">
      • <area rel="nofollow">
      • <area rel="noreferrer">
      • <area rel="prefetch">
      • <area rel="prev">
      • <area rel="search">
      • <area rel="tag">
      • <area target="_blank">
      • <area target="_parent">
      • <area target="_self">
      • <area target="_top">
      • <area target=(name)>
      • <area type>
    • <article>
    • <aside>
    • <audio>
    • <b>
    • <base>
      • <base>
      • <base target>
    • <bdi>
    • <bdo>
    • <blockquote>
      • <blockquote>
      • <blockquote cite>
    • <body>
    • <br>
    • <button>
      • <button>
      • <button autofocus>
      • <button disabled>
      • <button form>
      • <button formaction>
      • <button formenctype>
      • <button formmethod>
      • <button formnovalidate>
      • <button formtarget>
      • <button menu>
      • <button name>
      • <button type>
      • <button value>
      • <button onclick>
    • <canvas>
      • <canvas>
      • <canvas line>
      • <canvas circle>
      • <canvas rectangle>
      • <canvas text>
      • <canvas image>
      • <canvas gradient>
      • <canvas fillRect()>
      • <canvas strokeRect()>
      • <canvas clearRect()>
      • <canvas rect()>
    • <caption>
    • <cite>
    • <code>
      • <code>
      • <code language>
    • <col>
    • <colgroup>
      • <colgroup>
      • <colgroup span>
    • <data>
    • <datalist>
      • <datalist>
      • <datalist select>
    • <dd>
    • <del>
      • <del>
      • <del cite>
      • <del datetime>
    • <details>
      • <details>
      • <details open>
      • <details summary>
    • <dfn>
      • <dfn>
      • <dfn abbr>
    • <dialog>
      • <dialog>
      • <dialog open>
      • <dialog modal>
    • <div>
    • <dl>
    • <dt>
      • <dt>
      • <dt dfn>
    • <em>
    • <embed>
    • <fieldset>
      • <fieldset>
      • <fieldset legend>
    • <figcaption>
      • <figcaption>
      • <figcaption cite>
    • <figure>
    • <footer>
    • <form>
    • <h1>
    • <h2>
    • <h3>
    • <h4>
    • <h5>
    • <h6>
    • <head>
    • <header>
    • <hgroup>
    • <hr>
    • <html>
      • <html>
      • <html lang>
    • <i>
    • <iframe>
      • <iframe>
      • <iframe srcdoc>
      • <iframe seamless>
    • <img>
    • <input>
      • <input>
      • <input accept>
      • <input alt>
      • <input autocomplete>
      • <input autofocus>
      • <input checked>
      • <input dirname>
      • <input disabled>
      • <input form>
      • <input formaction>
      • <input formenctype>
      • <input formmethod>
      • <input formnovalidate>
      • <input formtarget>
      • <input height>
      • <input inputmode>
      • <input list>
      • <input max>
      • <input maxlength>
      • <input min>
      • <input minlength>
      • <input multiple>
      • <input name>
      • <input pattern>
      • <input placeholder>
      • <input readonly>
      • <input required>
      • <input size>
      • <input src>
      • <input step>
      • <input type>
      • <input type="hidden">
      • <input type="text">
      • <input type="search">
      • <input type="tel">
      • <input type="url">
      • <input type="email">
      • <input type="password">
      • <input type="datetime">
      • <input type="date">
      • <input type="month">
      • <input type="week">
      • <input type="time">
      • <input type="datetime-local">
      • <input type="number">
      • <input type="range">
      • <input type="color">
      • <input type="checkbox">
      • <input type="radio">
      • <input type="file">
      • <input type="submit">
      • <input type="image">
      • <input type="reset">
      • <input type="button">
      • <input value>
      • <input width>
    • <ins>
      • <ins>
      • <ins cite>
      • <ins datetime>
    • <kbd>
    • <label>
      • <label>
      • <label for>
    • <legend>
    • <li>
    • <link>
    • <main>
    • <map>
    • <mark>
    • <menu>
    • <menuitem>
    • <meta>
    • <meter>
    • <nav>
    • <noscript>
    • <object>
    • <ol>
      • <ol>
      • <ol reversed>
      • <ol start>
      • <ol type>
    • <optgroup>
      • <optgroup>
      • <optgroup disabled>
    • <option>
      • <option>
      • <option disabled>
      • <option selected>
    • <output>
    • <p>
    • <param>
    • <pre>
    • <picture>
    • <progress>
      • <progress>
      • <progress working example>
    • <q>
      • <q>
      • <q cite>
    • <rb>
    • <rp>
    • <rt>
    • <rtc>
    • <ruby>
    • <s>
    • <samp>
    • <script>
    • <section>
    • <select>
      • <select>
      • <select autofocus>
      • <select disabled>
      • <select form>
      • <select multiple>
      • <select required>
      • <select size>
    • <small>
    • <source>
    • <span>
    • <strong>
    • <style>
    • <sub>
    • <summary>
    • <sup>
    • <table>
    • <tbody>
    • <td>
    • <template>
    • <textarea>
    • <tfoot>
    • <th>
    • <thead>
    • <time>
      • <time>
      • <time datetime>
    • <title>
    • <tr>
    • <track>
    • <u>
    • <ul>
    • <var>
    • <video>
    • <wbr>
  • CODES
    • Backgrounds

      • Background Code
      • Background Color
      • Background Image
      • Stretch Background
      • Fixed Background

      Marquees

      • Marquee Codes
      • Scrolling Text
      • Scrolling Images
      • Stop Marquee
      • Marquee Speed

      Text

      • Text Code
      • Font Code
      • Text Color
      • Line Height
      • Letter Spacing
      • Word Spacing
      • Overlapping Text

      Color

      • HTML Color Codes
      • HTML Color Chart
      • HTML Color Picker
      • HTML Color Tester
      • Color Code Generator

      Links

      • HTML Links
      • CSS Links
      • JavaScript Links
      • Email Links
      • CSS Cursor

      Scroll Boxes

      • Scroll Box Code
      • Scroll Box Color
      • Scroll Picture Box
      • Scroll Box Border
      • Horizontal Scrollbar
      • Vertical Scrollbar
      • Hide Scrollbar

      Image Codes

      • HTML Image Code
      • CSS Image Code
      • Link Image
      • Repeat Image
      • Image Border
      • Scrolling Images

      Textboxes

      • HTML Textbox Code
      • Textbox Color
      • Textbox Border
      • Textbox Image
  • EDITORS
    • Online Editor

      HTML Generators

      • HTML Editor
      • HTML Generator
      • Text Generator
      • Heading Generator
      • Marquee Generator
      • Comment Box Generator

      MySpace Generators

      • MySpace Generator
      • MySpace Text Generator
      • MySpace Heading
      • MySpace Marquee Generator
      • MySpace Comment Box

Từ khóa » Html Color Tag Red