CSS 색상

(2019-05-13)

rgb, rgba, alpha 투명도

1. CSS 색상 속성CSS 색상 속성 표현 :  { color : 값 }


2. CSS 색상 표현 방식 구분키워드 방식 => 3.번항 참조

  ㅇ rgb(red, green, blue) 방식
     - 값 표현은, 0~255 사이 10 진수 또는 0~100% 사이 백분율로 2가지 방식이 가능
     - 例) 백색 => rgb(100%,100%,100%), 흑색 => rgb(0,0,0),
           오렌지색 => rgb(255,128,0) 또는 rgb(100%,50%,0%)

  ㅇ rgba(red, green, blue, alpha 투명도) 방식
     - alpha 투명도 例) 투명도 : 0.0 이면 => 반 투명, 1.0 이면 => 완전 불투명
     - 例) rgb(red,green,blue) = rgba(red,green,blue, 1)

  ㅇ hsl(hue, saturation, lightness) 방식
     - Hue (색조) : 0~360
        . 색상환각도로써 0~360 사이 값 
        . 例) 빨강 : 0, 초록 : 120, 파랑 240
     - Saturation (포화도/채도) : 백분율(%)
        . 例) 100% : 회색 음영이 없는 순수한 색상, 0% : 완전한 회색 음영으로 원래 색상 안보임
     - Lightness (밝기/명암) : 백분율(%)
        . 例) 100% : 흰색(모든 파장 다 있음), 0% : 검은색( 없음)
     * [참고] 색조,채도를 0으로 두고, 명암을 0~100% 사이에서 조정하면, 다양한 회색 음영 보임

  ㅇ Hexa 값 방식 (16 진수) 
     - #rrggbb (rr : 빨강, gg : 초록, bb : 파랑 : 0~255 사이 16 진수 값으로 00~ff)
     - 例) 백색 => {color:#ffffff;} 흑색 => {color:#000000;},
           빨간색 => {color:#ff0000}, 노란색 => {color:#ffff00}, 회색 => {color:#eeeeee},
           하늘색(azure) => {color:#f0ffff;}


3. 키워드(색상명) 방식

  ㅇ 例) 백색 => { color : white; }
  ㅇ 색상 키워드 종류
     - acua (바다물색), black (검정), blue (파랑), fuchsia, gray,
       green, lime, lightgray, maroon, navy, olive, orange, purple, red, silver, teal, white,
       yellow 등


4. 불투명도 : opacity

  ㅇ 값 : 0.0 (반 투명) ~ 1.0 (완전 불투명)


[CSS] 1. CSS 2. CSS 선택자 3. CSS 박스 모델 4. block,inline 요소 유형 5. CSS 속성 값 6. CSS 배경 7. CSS 색상 8. CSS 위치 레이아웃 9. CSS 정렬 10. CSS 텍스트
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
        1. 통신 이란?
        2. 신뢰적 통신
    1.   통신이론
    2.   선로/전송
    3.   통신망 일반
    4.   회선교환(PSTN)
    5.   무선/이동통신
    6.   광통신
    7.   인터넷/데이터통신
          1. 데이터통신망
          2. 인터넷
          3. 데이터 네트워크 설계
      1.   데이터 단위
      2.   프로토콜/계층
      3.   데이터 링크
      4.   TCP/IP
      5.   라우팅
      6.   인터넷 QoS
      7.   인터넷 관리
      8.   인터넷 응용
        1.   NetBIOS
        2.   DNS
        3.   가상단말
        4.   FTP
        5.   전자메일
        6.   VoIP
        7.   웹기술
              1. 웹 이란?
              2. 하이퍼텍스트
          1.   웹 구성
          2.   HTTP
          3.   웹 페이지
            1.   마크업 언어
            2.   DOM,BOM
            3.   기능 요소
            4.   웹 디자인
                  1. 웹 디자인
                  2. 스타일 시트
              1.   CSS
                1.   1. CSS
                    2. CSS 선택자
                    3. CSS 박스 모델
                    4. block,inline 요소 유형
                    5. CSS 속성 값
                    6. CSS 배경
                    7. CSS 색상
                    8. CSS 위치 레이아웃
                    9. CSS 정렬
                    10. CSS 텍스트
          4.   웹 식별
          5.   웹 서비스
          6.   차세대 웹
          7.   웹기술 기타일반
        8.   VPN
        9.   무선인터넷
        10.   전자상거래
        11.   개인 컨텐츠
        12.   인터넷 기타 응용
      9.   인터넷 기타
      10.   패킷교환(PSN)
      11.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록     참고문헌