Color tags
Complete list of Color Tags in Hypercode, in alphabetical order
See the complete list of colors supported by HyperCode
Changing the color of text font is a simple and quick way to highlight that message.
There are two basic ways to do this in HyperCode: using the style tag or the color tag.
This is [style "color=#FF0000;"]red[] text;
This is [color="#FF0000"]red[] text;
For about 150 "named colors", colors that have names in HTML/CSS, the hexadecimal color code can be replaced by the color name, making it clearer and more readable for those reading or editing the page code.
This is [style="color:red;"]red[] text
This is [color="red"]red[] text
But HyperCode still has an even more compact way to reference one of the named colors: just use the color name itself as a tag.
This is [red]red[] text
Below you will find a list of all HTML/CSS Named Colors that can be used as tags in HyperCode.
It is worth noting that color names, whether used as tags or as property values, are case-insensitive and can be written in UPPERCASE, lowercase, or MiXeDcAsE.
This information applies only to the text "forecolor", that is, the color of the letters themselves.
To change the background color of a text snippet, you can use the style tag or the backcolor tag, or even one of the named colors prefixed with b., for example b.yellow
To change the text BACKGROUND color, use the tags [style="background-color:xxxx"] or [backcolor="xxxx"], where "xxxx" can be a hexadecimal color value (preceded by #) or a named color.
This is text with a [style="background-color:yellow;"]yellow[] background;
This is text with a [backcolor="yellow"]yellow[] background;
This is text with a [style="background-color:#FFFF00;"]yellow[] background;
This is text with a [backcolor="FFFF00"]yellow[] background;
This is text with a [b.yellow]yellow[] background;
The color Tag is used to indicate that the text, from that point onward, will have the letters highlighted in a color different from the one previously specified or the document default.
Syntax:
[color color="xxxx"]
color indicates one of the HTML/CSS/HyperCode Named Colors or a valid hexadecimal value in HTML/CSS, such as #FF00FF or #fff.
The "color" property can be omitted and the color value can be provided directly after the tag name.
[color="gray"]
Like most HyperCode Tags, color optionally accepts the properties class, style, and id. See Class, Style, id
The backcolor Tag is used to indicate that the text, from that point onward, will have the background highlighted in a color different from the one previously specified or the document default.
Syntax:
[backcolor color="xxxx"]
color indicates one of the HTML/CSS/HyperCode Named Colors or a valid hexadecimal value in HTML/CSS, such as #FF00FF or #fff.
The "color" property can be omitted and the color value can be provided directly after the tag name.
[backcolor="gray"]
Like most HyperCode Tags, backcolor optionally accepts the properties class, style, and id. See Class, Style, id
List of Named Colors in HTML, CSS, and HyperCode.
| Name | RGB hex value | Sample |
|---|---|---|
| aliceblue | #f0f8ff | |
| antiquewhite | #faebd7 | |
| aqua | #00ffff | |
| aquamarine | #7fffd4 | |
| azure | #f0ffff | |
| beige | #f5f5dc | |
| bisque | #ffe4c4 | |
| black | #000000 | |
| blanchedalmond | #ffebcd | |
| blue | #0000ff | |
| blueviolet | #8a2be2 | |
| brown | #a52a2a | |
| burlywood | #deb887 | |
| cadetblue | #5f9ea0 | |
| chartreuse | #7fff00 | |
| chocolate | #d2691e | |
| coral | #ff7f50 | |
| cornflowerblue | #6495ed | |
| cornsilk | #fff8dc | |
| crimson | #dc143c | |
| cyan | #00ffff | |
| darkblue | #00008b | |
| darkcyan | #008b8b | |
| darkgoldenrod | #b8860b | |
| darkgray | #a9a9a9 | |
| darkgreen | #006400 | |
| darkgrey | #a9a9a9 | |
| darkkhaki | #bdb76b | |
| darkmagenta | #8b008b | |
| darkolivegreen | #556b2f | |
| darkorange | #ff8c00 | |
| darkorchid | #9932cc | |
| darkred | #8b0000 | |
| darksalmon | #e9967a | |
| darkseagreen | #8fbc8f | |
| darkslateblue | #483d8b | |
| darkslategray | #2f4f4f | |
| darkslategrey | #2f4f4f | |
| darkturquoise | #00ced1 | |
| darkviolet | #9400d3 | |
| deeppink | #ff1493 | |
| deepskyblue | #00bfff | |
| dimgray | #696969 | |
| dimgrey | #696969 | |
| dodgerblue | #1e90ff | |
| firebrick | #b22222 | |
| floralwhite | #fffaf0 | |
| forestgreen | #228b22 | |
| fuchsia | #ff00ff | |
| gainsboro | #dcdcdc | |
| ghostwhite | #f8f8ff | |
| gold | #ffd700 | |
| goldenrod | #daa520 | |
| gray | #808080 | |
| green | #008000 | |
| greenyellow | #adff2f | |
| grey | #808080 | |
| honeydew | #f0fff0 | |
| hotpink | #ff69b4 | |
| indianred | #cd5c5c | |
| indigo | #4b0082 | |
| ivory | #fffff0 | |
| khaki | #f0e68c | |
| lavender | #e6e6fa | |
| lavenderblush | #fff0f5 | |
| lawngreen | #7cfc00 | |
| lemonchiffon | #fffacd | |
| lightblue | #add8e6 | |
| lightcoral | #f08080 | |
| lightcyan | #e0ffff | |
| lightgoldenrodyellow | #fafad2 | |
| lightgray | #d3d3d3 | |
| lightgreen | #90ee90 | |
| lightgrey | #d3d3d3 | |
| lightpink | #ffb6c1 | |
| lightsalmon | #ffa07a | |
| lightseagreen | #20b2aa | |
| lightskyblue | #87cefa | |
| lightslategray | #778899 | |
| lightslategrey | #778899 | |
| lightsteelblue | #b0c4de | |
| lightyellow | #ffffe0 | |
| lime | #00ff00 | |
| limegreen | #32cd32 | |
| linen | #faf0e6 | |
| magenta | #ff00ff | |
| maroon | #800000 | |
| mediumaquamarine | #66cdaa | |
| mediumblue | #0000cd | |
| mediumorchid | #ba55d3 | |
| mediumpurple | #9370db | |
| mediumseagreen | #3cb371 | |
| mediumslateblue | #7b68ee | |
| mediumspringgreen | #00fa9a | |
| mediumturquoise | #48d1cc | |
| mediumvioletred | #c71585 | |
| midnightblue | #191970 | |
| mintcream | #f5fffa | |
| mistyrose | #ffe4e1 | |
| moccasin | #ffe4b5 | |
| navajowhite | #ffdead | |
| navy | #000080 | |
| oldlace | #fdf5e6 | |
| olive | #808000 | |
| olivedrab | #6b8e23 | |
| orange | #ffa500 | |
| orangered | #ff4500 | |
| orchid | #da70d6 | |
| palegoldenrod | #eee8aa | |
| palegreen | #98fb98 | |
| paleturquoise | #afeeee | |
| palevioletred | #db7093 | |
| papayawhip | #ffefd5 | |
| peachpuff | #ffdab9 | |
| peru | #cd853f | |
| pink | #ffc0cb | |
| plum | #dda0dd | |
| powderblue | #b0e0e6 | |
| purple | #800080 | |
| rebeccapurple | #663399 | |
| red | #ff0000 | |
| rosybrown | #bc8f8f | |
| royalblue | #4169e1 | |
| saddlebrown | #8b4513 | |
| salmon | #fa8072 | |
| sandybrown | #f4a460 | |
| seagreen | #2e8b57 | |
| seashell | #fff5ee | |
| sienna | #a0522d | |
| silver | #c0c0c0 | |
| skyblue | #87ceeb | |
| slateblue | #6a5acd | |
| slategray | #708090 | |
| slategrey | #708090 | |
| snow | #fffafa | |
| springgreen | #00ff7f | |
| steelblue | #4682b4 | |
| tan | #d2b48c | |
| teal | #008080 | |
| thistle | #d8bfd8 | |
| tomato | #ff6347 | |
| transparent | transparent | |
| turquoise | #40e0d0 | |
| violet | #ee82ee | |
| wheat | #f5deb3 | |
| white | #ffffff | |
| whitesmoke | #f5f5f5 | |
| yellow | #ffff00 | |
| yellowgreen | #9acd32 |