HTML - Color

HTML - Color

HTML - Color

Modern browsers support 140 named colors! Background /Text color can use following color values:

Hexadecimal color codes (e.g. color:#FF0000)
Color names (e.g. color:orange)
RGB values (e.g. color:rgb(255,0,255))

rgb( RED , GREEN , BLUE )
rgba() – a is for alpha, a color channel that controls opacity
value from 0 – 1 (0: Transparent, 0.1, ..., 1 for fully opaque)
color:rgba(255,0,255,0.3)

HSL values (e.g. color:hsl(0,100%,60%)) (CSS3)

HSL: Hue, Saturation and Lightness

HWB values (CSS4)

Example

Background Color

<body style="background-color:powderblue;">

Text Color

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
<span style="color:orange;">This is a paragraph.</span>

W3C

CSS Snapshot 2017

https://www.w3.org/TR/CSS/#css

Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification

https://www.w3.org/TR/CSS22/

Colors and backgrounds

https://www.w3.org/TR/CSS2/colors.html

Web Colors

https://en.wikipedia.org/wiki/Web_colors

X11 color names
https://en.wikipedia.org/wiki/X11_color_names

Colors - X11
https://www.w3schools.com/colors/colors_x11.asp

W3Schools

Colors Tutorial

https://www.w3schools.com/colors/default.asp

https://www.w3schools.com/colors/colors_picker.asp?color=80ced6

HTML Color Names

HTML Color Shades (Shades of Gray)

https://www.w3schools.com/colors/colors_shades.asp

HTML Color Codes

Color Picker

https://htmlcolorcodes.com/color-picker/

Color Names

https://htmlcolorcodes.com/color-names/

MDN <color> - CSS: Cascading Style Sheets
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

留言