[CSS] 헥스코드 색상, Color Picker

 

[ 색상 표현 ]

  background: #white ;

  background: #fff;

색상 이름으로 작성하는 것 추천하지 않는다. 

브라우저마다 색상의 이름을 다르게 해석할 수 있기 때문에 

*헥스 코드를 이용 할  것 

 

- 소수점 생략

  border-bottom: 1px solid rgba(0, 0, 0, 0.75);

  border-bottom: 1px solid rgba(0, 0, 0, .75);

>> 소수점 단위에서 0 생략

0으로 시작하는 것 생략 가능

 

* [ 헥스(HEX) : 16진수 (0 ~ F) ]

- #(RRGGBB)

- : 빛의 삼원색 RGB를 의미하기에 0일때 가장 어둡고 F일때 가장 밝다.

 

-  #ffffff (6) -> #fff

- : 반복되는 문자들은 이렇게 3개로 축소할 수 있습니다. 단축어로 사용 가능 

 

#헥스코드

 

 

 

* [ 원하는 색상 찾기 ]

 

- MDN 색상 관련 자료

https://developer.mozilla.org/ko/docs/Web/CSS/color_value

<color> - CSS: Cascading Style Sheets | MDN

 

- color picker 

 

https://www.google.com/search?q=color+picker 

color picker - Google 검색

- 이름 순으로 정렬된 색상 

 

https://www.w3schools.com/colors/colors_names.asp

HTML Color Names

 

- HSL까지 책임져주는 Color Picker

 

https://hslpicker.com/#d06262

HSL Color Picker - by Brandon Mathis

 

- 배색 추천 가능 

https://encycolorpedia.kr/cdd6a7

 

#cdd6a7 헥스 색상 코드

 

-color picker 깔끔한 UI

https://yeun.github.io/open-color/

Open Color