read : HSL 색공간 : 기술 #color #css #hsl::공대여자홈

HSL 색공간

목록

작성자 공대여자

작성 : 2018-10-11 10:53 조회 : 823
지남 1일간

2018-10-11 - 2018-10-11

좌표
첨부된 파일이 없습니다.

#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}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	87705
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	93377
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	95805
1154	php 유니코드 문자열을 한글자씩 배열로 자르기 #php #split #utf-8 #나누기 #한글	공대여자	18-10-3010-30	1504
1153	크롬 70.x window.applicationCache 지원 중지 , Remove AppCache from insecure contexts #appcache #applicationcache #weblang #앱캐시	공대여자	18-10-1910-19	1023
1152	Battery Status API , BatteryManager 1 1 #api #battery #html5 #status	공대여자	18-10-1910-19	1183
1151	CSS grid 1 #css #css3 #grid	공대여자	18-10-1710-17	886
1150	[기본형] HTML (with 부트스트랩4.1.3 , jquery 3.3.1, vue.js) #bootstrap4 #default #html5 #기본형	공대여자	18-10-1710-17	4486
1149	css mix-blend-mode #css #isolation #mix-blend-mode #레이어	공대여자	18-10-1110-11	797
1148	HSL 색공간 #color #css #hsl	공대여자	18-10-1110-11	824
1147	흥국화재 1 #etc	공대여자	18-10-0810-08	757
1146	premultiplied alpha. pre-multiplied alpha. 캔버스에서 2dContext 사용시 본래 색과 다른 색이 될 수 있다. 1 #alpha #canvas #fuxk #html5 #premultiplied	공대여자	18-10-0510-05	1339
1145	안드로이드 센서 테스트 앱 1 #android #sensor	공대여자	18-10-0510-05	816
1144	안드로이드 머티리얼 디자인 4 #android #design #material #디자인 #머티리얼	공대여자	18-10-0210-02	1041
1143	특가 #etc	공대여자	18-09-2809-28	728
1142	이모지 테스트 목록, 이모지 1.1 기반 3 #emoji #html5 #이모지	공대여자	18-09-2009-20	1135
1141	dex2jar 2.x 1 #android #decompile #디컴파일러 #안드로이드	공대여자	18-09-1709-17	1041
1140	안드로이드 어시스턴트 동작 관련 문서 1 #android #assistant #안드로이드 #어시스턴트	공대여자	18-09-1409-14	968