HTML 기본 튜토리얼 색상 표현
html 색상 표현
웹 페이지에서 색상을 표현하는 세 가지 방법이 있습니다.
-
색상 단어: 파란색, 녹색, 빨간색, 노란색
십진수 표현: rgb(255,0,0), rgb(0,255,0), rgb(0,0,255)
16진수 표현: #FF0000(빨간색), #00FF00(녹색), #0000FF(파란색)
인터페이스에서 모든 색상 세 가지 서로 다른 파장의 빛을 혼합하여 만들 수 있습니다. 이 세 가지 빛은 빨간불(빨간색), 초록불(녹색), 파란색(파란색)입니다.
컴퓨터에서 각 기본 색상은 8비트 이진수(2^8 = 256)를 사용하므로 RGB는 총 256*256*256 = 1,670만 색상을 표현할 수 있습니다.
16진수로 색상을 표현하는 경우: 16진수 2자리를 사용하여 원색 1자리를 표현합니다.
颜色单词 | red | green | blue | yellow |
10进制 | rgb(255,0,0) | rgb(0,255,0) | rgb(0,0,255) | rgb(255,255,0) |
16进制 | #FF0000 | #00FF00 | #0000FF | #FFFF00 |
참고: 소수점 호환성이 좋지 않으니 최대한 적게 사용하세요. CSS에서 일반적으로 사용되는 십진수 색상 표현입니다.
예:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <table border="1" rules="all"> <tr> <td bgcolor="#FF0000" width="50">红</td> <td bgcolor="#FF0055" width="50"></td> <td bgcolor="#FF00bb" width="50"></td> </tr> <tr> <td bgcolor="#00FF00" width="50">绿</td> <td bgcolor="#00FF55" width="50"></td> <td bgcolor="#00FFbb" width="50"></td> </tr> <tr> <td bgcolor="#0000FF" width="50">蓝</td> <td bgcolor="#0055FF" width="50"></td> <td bgcolor="#00bbFF" width="50"></td> </tr> </table> </body> </html>