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

HSL 색공간

목록

작성자 공대여자

작성 : 2018-10-11 10:53 조회 : 731
지남 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	73074
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	80221
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	81815
1152	Battery Status API , BatteryManager 1 1 #api #battery #html5 #status	공대여자	18-10-1910-19	1087
1151	CSS grid 1 #css #css3 #grid	공대여자	18-10-1710-17	809
1150	[기본형] HTML (with 부트스트랩4.1.3 , jquery 3.3.1, vue.js) #bootstrap4 #default #html5 #기본형	공대여자	18-10-1710-17	3877
1149	css mix-blend-mode #css #isolation #mix-blend-mode #레이어	공대여자	18-10-1110-11	719
1148	HSL 색공간 #color #css #hsl	공대여자	18-10-1110-11	732
1147	흥국화재 1 #etc	공대여자	18-10-0810-08	703
1146	premultiplied alpha. pre-multiplied alpha. 캔버스에서 2dContext 사용시 본래 색과 다른 색이 될 수 있다. 1 #alpha #canvas #fuxk #html5 #premultiplied	공대여자	18-10-0510-05	1226
1145	안드로이드 센서 테스트 앱 1 #android #sensor	공대여자	18-10-0510-05	746
1144	안드로이드 머티리얼 디자인 4 #android #design #material #디자인 #머티리얼	공대여자	18-10-0210-02	929
1143	특가 #etc	공대여자	18-09-2809-28	669
1142	이모지 테스트 목록, 이모지 1.1 기반 3 #emoji #html5 #이모지	공대여자	18-09-2009-20	1035
1141	dex2jar 2.x 1 #android #decompile #디컴파일러 #안드로이드	공대여자	18-09-1709-17	929
1140	안드로이드 어시스턴트 동작 관련 문서 1 #android #assistant #안드로이드 #어시스턴트	공대여자	18-09-1409-14	859
1139	checkboxStyle 1 #check #css #input #radio #web	공대여자	18-09-1109-11	1272
1138	콘텐츠 프로바이더, 콘텐츠 리졸버 , 콘텐츠 제공자 기본 사항 1 #android #안드로이드	공대여자	18-09-1009-10	675