크기 단위
| 절대적 크기 | 상대적 크기 |
| px(화소) - 이미지에 주로 사용 | em : 배수를 나타내는 단위 (1배=lem= 100%, 1.5배=1.5em=150% ) / 1em = 16px |
| pt | rem : root em (HTML 문서의 root 요소인 <html>의 설정한 폰트 사이즈를 기준으로 상대적인 값 부여 ) |
색상 단위
| 단위 | 내용 | 사용 예 |
| HEX 코드 | 16진수로 RGB 색상조합 | background-color: #808000 |
| RGB, RGBA | Red, Green, Blue의 조합(+alpha) | background-color: rgb（255, 255, 255) |
| HSL | HUE(색상),채도(saturation), 명도(Lightness) | background-color: hsl(25, 50%, 70%) |
1. HEX
Color Hex Color Codes
Got it! This website uses cookies to collect information about how you interact with our website. We use this information in order to improve and customize your browsing experience and for analytics and metrics about our visitors. To find out more about th
www.color-hex.com
2. RGB
RGB #0098E5 | RGB Chart & Multi Tool
Please notice This page is provided as is without warranties of any kind. No additional service or support is provided.
www.perbang.dk
3. HSL
HSL Color Picker - by Brandon Mathis
What's so great about HSL HSL (Hue, Saturation, Luminosity) allows us to describe meaningful relationships between colors. Give this brown color, hsl(36, 73%, 10%), it's clear that if we desaturate 40 steps and lighten 70 steps we get hsl(36, 33%, 80%), a
hslpicker.com
'프로그래밍 > HTML&CSS' 카테고리의 다른 글
| CSS 박스 & 이미지 속성 (0) | 2020.05.18 |
|---|---|
| 가시 속성 (0) | 2020.05.18 |
| CSS 선택자 정리 (0) | 2020.05.17 |
| block 요소와 inline요소 (0) | 2020.05.17 |
| 기타 입력 폼 태그 (0) | 2020.05.16 |
