CSS | 3 Digit Hex Color
Last Updated :
23 Aug, 2019
The 3 Digit Hex Color code is similar to 6 Digit Hex Color it’s shorthand for 6 Digit Hex Color. In 3 Digit Hex Color shrink into single character those have twins in 6 Digit Hex Color the effect will be same but reduce the color variant. The 3 Digit Hex Color contains 3 character followed by hash(#) like #RGB. The #RGB define Red, Green and Blue component.
Syntax:
#RGB
Example 1:
<!DOCTYPE html>
< html >
< head >
< title >CSS 3 Digit Hex Color</ title >
< style >
body {
background-color: #666600;
}
h1 {
color: green;
}
article {
background-color: #FFF;
border: 5px solid green;
margin: 15px;
text-align: center;
}
</ style >
</ head >
< body >
< article >
< h1 >GeeksforGeeks</ h1 >
</ article >
</ body >
</ html >
|
Output:
Example 2:
<!DOCTYPE html>
< html >
< head >
< title >CSS 3 Digit Hex Color</ title >
< style >
body {
background-image: url(
background-attachment: fixed;
background-size: cover;
}
h2 {
color: green;
}
article {
background-color: #FFF;
border: 2px solid green;
background-position: center center;
text-align: center;
}
</ style >
</ head >
< body >
< article >
< h2 >GeeksforGeeks</ h2 >
</ article >
</ body >
</ html >
|
Output:
Share your thoughts in the comments
Please Login to comment...