[HTML & CSS] color

안녕하세요 동기 여러분! 오늘은 HTML에 CSS로 글자에 색을 입히는 방법에 대해 알아보도록 합시다!

 

Colour

아래의 코드는 CSS 코드입니다.

h1 {
	color: blue;
}

 

CSS에는 이름으로 지정된 색이 140가지나 있습니다. 140가지는 아래의 링크로 가시면 확인해보실 수 있습니다.
w3school HTML Color Values : https://www.w3schools.com/colors/colors_hex.asp

HTML Color Values

 

이외에도 색을 입힐 수 있는 방법은 2가지가 더 있는데 소개해보도록 하겠습니다.

 

---

 

16진법으로 색을 나타내기

16진법 색(Hexadecimal colour = #RRGGBB)도 자주 쓰이는 방법입니다.

 

• 

   
• ff는 빨간색 R
• 첫 번째 00은 초록색 G
• 주 번째 00은 파란색 B

 

---

 

RGB로 색을 나타내기

h1 {
	color: rgb(0,0,0);
}

 

rgb를 쓰고 소괄호 안에 순서대로 빨강 R, 초록 G, 파랑 B를 넣어주면 됩니다.

 

---

 

아니 색을 숫자로 어떻게 표현해?

구글에 rgb라고 검색을 하면 많은 웹 페이지가 뜨는데 RGB 색 코드 차트를 지원하고 있기 때문에 들어가서 색을 검색해보시면 아주 쉽고 빠르게 색을 찾을 수 있습니다.

 

제가 자주 들리는 RapidTables

RapidTables : https://www.rapidtables.com/web/color/RGB_Color.html

RGB Color Codes Chart 🎨

 

---

 

예

비주얼 스튜디오에서 색을 적어주니 친절히 색도 보여주네요 !

 

 

아래는 실행 화면입니다.

 

---

 

오늘의 느낌

운동 진짜 열심히 하는데 먹는 것을 요즘 조절 안해서 그런지 몸무게는 엄청 늘었음 5KG이나... ㅠㅠ 다시 제대로 식사 조절을 해야할듯...