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>


지속적인 학습
||
<!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>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~