메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
HSL 색공간
목록
작성자
공대여자
작성 : 2018-10-11 10:53
조회 : 149
지남
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-star
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
목록형
📅 달력형
게시물 : 1637 (110 page)
No
제목
작성자
등록
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
공대여자
02/06 13:44
662
공지
유용한 리눅스(LINUX) 명령어
공대여자
03/03 14:47
9729
공지
[공지] 기술 게시판
mins01
06/24 15:10
10037
bootstrap extensions 부트스트랩 확장
new
2
#bootstrap
#css
윈도우 화면 새로 고침 하기, 그래픽 드라이버 재시작
new
2
#윈도우
#window
contenteditable 에서 포커스가 안생길 때 강제로 포커스 주는 코드
#range
#selection
#contenteditable
ui_layerForElement 요소 기준으로 레이어 위치 잡기
2
#layer
typingLetters 한글자씩 나타내기
1
#html
#effect
scrollbars styling
1
#css
#scrollbars
#styling
[기본형] chartjs 기본 설정 코드
#chartjs
ui_elbowConnector 연결선
2
#connector
js_colorschemes
3
#js
#color
색상에 대한 설명,파레트,네이밍
1
#color
css로 만든 태양계 공전 자전 표시
1
#css
중앙선거관리위원회 사이버선거역사관
1
#선거
#역사
responsive-font-size 동적 폰트 크기
2
#responsive
#font-size
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
#기본형
php 클래스의 메소드 상세 정보 가져오기
#php
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색