본문 바로가기

프론트엔드/HTML&CSS

html color codes_글자색 마음대로 설정하기

728x90
반응형
SMALL

🎨 HTML 색상 코드 (html-color.codes)

 

🎨 HTML Color Codes

Hex: RGB: rgb(102,232,232) HSL: hsl(232,232,232)

html-color.codes

위 사이트에 들어가서 내가 원하는 글자색을 만들어낼 수 있다.

 

예를 들어, 이 분홍색을 적용한다고 하자.

css에서 색을 표현하는 방식은 크게 3가지이다.

 

1. 색 이름

: 모든 색이 존재하지는 않지만, 약 140개 정도가 지원된다.

 

2. rgb 값

: 모든 색은 빨강(Red), 초록(Green), 파랑(Blue)의 조화로 표현할 수 있다.

이 표현 방식이 바로 'RGB'

 

3. hex 값 (16진법)

: HEX 값은 단순히 RGB 값을 16진법으로 표현한 방식이다.

83는 16진법으로 53이고, 237는 16진법으로 ED이고, 65는 16진법으로 41이다.

따라서 rgb(83, 237, 65)#53ED41과 같은 것!

 

 

 

코드는 이렇게 작성해주면 된다.

방법 1
방법 2
방법 3

그냥 사이트에서 제공해준 정보를 붙여넣기만 하면 된다.

 

실행결과를 보자.

성공적으로 적용되었다.

728x90
LIST