코딩하는 몽구리

텍스트 색정리 본문

HTML&CSS

텍스트 색정리

코딩구리 2022. 12. 18. 20:53

출처 : 코드잇

 

텍스트의 색을 지정해주기 위해서는 color 속성을 사용하면 되는데요. CSS에서 색을 표현하는 방식이 세 가지가 있습니다.

 

색 이름

CSS에서 정해준 색 이름 중 하나를 쓰는 방법이 있습니다. 모든 색이 있지는 않지만, 무려 140개의 색이 대부분 브라우저에서 지원됩니다. 

<h1>Hello World!</h1>
h1 {
  color: blue;
}

 

RGB 값

모든 색은 빨강(Red), 초록(Green), 파랑(Blue)의 조화로 표현할 수 있습니다. 이 표현 방식이 바로 'RGB'입니다.

h1 {
  color: rgb(83, 237, 65);
}

HEX 값 (16진법)

HEX 값은 단순히 RGB 값을 16진법으로 표현한 방식입니다. 83는 16진법으로 53이고, 237는 16진법으로 ED이고, 65는 16진법으로 41입니다. 따라서 rgb(83, 237, 65)는 #53ED41과 같은 거죠.

h1 {
  color: #53ED41;
}

 

 

https://www.w3schools.com/cssref/css_colors.php

 

CSS Colors

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

html 색깔 정리해주는 웹사이트 주소

https://htmlcolorcodes.com/

 

HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

htmlcolorcodes.com

 

 

 

'HTML&CSS' 카테고리의 다른 글

텍스트 정렬  (0) 2022.12.18
코멘트 정리  (0) 2022.12.18
스타일을 적용하는 방법들  (0) 2022.12.18
클래스(class)와 아이디(id)정리  (0) 2022.12.17
옵셔널 태그  (0) 2022.12.17