Regarding html rgb color

Question

I have a question regarding html color code.

<font color=rgb(255,0,0)> This is my font </font>

not showing red color fonts in firefox though the color code is fine. Any idea? Instead it is showing some weird green gray color!

Thanks

You should put all value of attributes in quotes. `color="rgb(...)"` — Oisin, May 19 '16 at 17:16
still same problem. Now showing dark gray green color but not red! — snoze, May 19 '16 at 17:17

score 5 · Accepted Answer · answered May 19 '16 at 17:17

5

Try with "style".

<font style="color: rgb(255,0,0)"> This is my font </font>

answered May 19 '16 at 17:17

Marc Giroux

186
1
7
18

Sure, but I'm still puzzled as to why color="rgb(255,0,0)" gives a green color. – fnune May 19 '16 at 17:18
Here we go. Thanks a lot. – snoze May 19 '16 at 17:19
Can we use decimal numbers in rgb code like This is my font – snoze May 19 '16 at 17:30

score 2 · Answer 2 · edited May 23 '17 at 12:03

2

The syntax rgb(255,0,0) is not HTML and you are encountering error recovery. It is defined in the CSS colors spec. You can only use it in CSS.

Aside from that, the color attribute and the rest of the  element have been removed from HTML.

Use a stylesheet and a semantically appropriate element.

p {
  color: rgb(255, 0, 0);
}

<p>This is my font</p>

edited May 23 '17 at 12:03

Community

1
1

answered May 19 '16 at 17:22

Quentin

914,110
126
1,211
1,335

score 2 · Answer 3 · answered May 19 '16 at 17:22

I think something has to be added to this. You shouldn't use the HTML  tag. It's deprecated, it's not supported by HTML5 and it has a weird behavior such as the one already displayed when you tried to go rgb(255,0,0) and the browser painted your font dark green.

Go with any of the text tags such as , or  or whatever. And for the color, use the style attribute:

This is my font

Docs regarding  http://www.w3schools.com/html/html_styles.asp

score 2 · Answer 4 · edited May 23 '17 at 10:29

The color attribute only supports named and hexadecimal colors. To achieve the same affect using semantic HTML you can use the ID attribute on a span element and then use CSS to style it:

#warning {
  color: rgb(255, 0, 0);
}

<span id="warning">This is my font</span>

The reason it is displayed as the weird color is because of the same reason "chucknorris" produces a red-brownish color.

jjnilton · Answer 5 · 2016-05-19T18:14:08.823

The  tag is obsolete, and the color attribute may not work completely in most recent browsers as it's deprecated, although it still works when using the hex color codes and the name of the color.

HTML should be used for describing the structure of web pages.

For styling your web page, you should use CSS. In your case, you could do something like:

<span style="color: rgb(255,0,0)">Hello World</span>

From W3C:

The  element is a non-standard element.

HTML5 classifies it as a non-conforming feature.

From MDN:

Do not use this element! Though once normalized in HTML 3.2, it was deprecated in HTML 4.01, at the same time as all elements related to styling only, then obsoleted in HTML5.

Starting with HTML 4, HTML does not convey styling information anymore (outside the <style> element or the style attribute of each element). For any new web development, styling should be written using CSS only.

The former behavior of the  element can be achieved, and even better controlled using the CSS Fonts CSS properties.

Sources:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font

https://www.w3.org/wiki/HTML/Elements/font

https://www.w3.org/TR/html5/obsolete.html#non-conforming-features

https://www.w3.org/standards/webdesign/htmlcss

Regarding html rgb color

5 Answers5