logo image
메인
기술
HOME
기술

HSL 색공간

목록
#color #css #hsl

HSL

  • 색상을 나타내는 한나의 표현
  • HSL
    • hue : 색상
    • saturation : 채도, 포화도, 색의 강약
    • lightness : 명도, 밝기
  • HTML 에서
    • css 3에서 지원
    • 지원 브라우저
      • chrome 1.0
      • IE9+
      • FF 1.0
      • 등 대부분의 브라우저에서 지원
    • Style 에서
      • hsl(120,100%,50%); 처럼 표시
      • hsla(120,100%,50%,0.2); 처럼 opacity 사용 가능
  • 참고
    • RGB보다 표현색이 적다.
      • HSL : 360*100*100 = 3,600,000
      • RGB : 256*256*256 = 16,777,216
    • 사람이 색을 알아보기에 더 편하다.
      • RGB는 각 값을 조합후 채도와 밝기 등이 결정되지만, HSL 은 각 값이 색,채도,밝기를 각각 설정 할 수 있다.
목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📅 달력형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
x.com (구 트위터) - 트윗 특이사항 - 수정 내역
new
#x #트위터
첨부파일 다운로드 해더에서 파일명 지정 방법
new
#filename
도메인 등록 대행자 등록 수수료 및 서비스
new 1
#domain
ffmpeg 명령 샘플
new
#ffmpeg
srcset 관련
#img #srcset
DOMMatrix
1
#js #dommatrix
transform 의 순서
#css #transform
ui-transform-tool v2
1
#ui #transform
iconifier.net favicon 과 apple-touch-icon 변환 사이트
#favicon
검색엔진 별 사이트 등록
#seo
attachShadow, shadowroot 사용시 css 의 특수 셀렉터
#css #shadowroot
import로 css와 json 가져오기.
1
#import #css
EyeDropper API
2
#eyedropper #colorpicker
hsl 에서 lightness 기준으로 white/black 컬러로 설정하기.
#hsl
SSL/TSL 정책 유효기간 단축 일정
1
#ssl #tsl
tag