๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Web/๐Ÿงฉ html + CSS

์ปฌ๋Ÿฌ

CSS์—์„œ ์ƒ‰์„ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์—๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์„ธ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค.

 

1. ์ƒ‰์ƒ ์ด๋ฆ„์œผ๋กœ ํ‘œํ˜„

2. RGB ์ƒ‰์ƒ๊ฐ’์œผ๋กœ ํ‘œํ˜„

3. 16์ง„์ˆ˜ ์ƒ‰์ƒ๊ฐ’์œผ๋กœ ํ‘œํ˜„

 

 

 

1. ์ƒ‰์ƒ ์ด๋ฆ„์œผ๋กœ ํ‘œํ˜„

W3C์—์„œ ์ •์˜ํ•œ 16๊ฐœ์˜ HTML4 ํ‘œ์ค€ ์ƒ‰์ƒ ์ด๋ฆ„์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

 

 

 

์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

 

<style>
	td {
    	background-color:red;
    }
</style>

 

 

2. 16์ง„์ˆ˜ ์ƒ‰์ƒ๊ฐ’์œผ๋กœ ํ‘œํ˜„

16์ง„์ˆ˜ ์ƒ‰์ƒ๊ฐ’์€ RGB ์ƒ‰์ƒ๊ฐ’์„ ๊ฐ๊ฐ 16์ง„์ˆ˜๋กœ ๋ณ€ํ™˜ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ RGB ์ƒ‰์ƒ์˜ ๊ธฐ๋ณธ์ƒ‰(Red, Green, Blue)์€ ๊ฐ๊ฐ 00๋ถ€ํ„ฐ FF๊นŒ์ง€์˜ ๋ฒ”์œ„๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

 

<style>

    .blue { color: #0000FF; }

</style>

 

 

 

 

 

www.hipenpal.com/tool/html-color-charts-rgb-color-table-in-korean.php

 

RGB์ƒ‰์ƒํ‘œ/16์ง„์ˆ˜ ์ปฌ๋Ÿฌ ์ฝ”๋“œํ‘œ - Hi!Penpal!

HTML์ปฌ๋Ÿฌํ‘œ

www.hipenpal.com

 

3. RGB ์ƒ‰์ƒ๊ฐ’์œผ๋กœ ํ‘œํ˜„

RGB ์ƒ‰์ƒ์˜ ๊ธฐ๋ณธ์ƒ‰(Red, Green, Blue)์€ ๊ฐ๊ฐ 0๋ถ€ํ„ฐ 255๊นŒ์ง€์˜ ๋ฒ”์œ„๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค.

 

<style>

    .blue { color: rgb(0,0,255); }

</style>

 

 

'Web > ๐Ÿงฉ html + CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

background ์†์„ฑ  (0) 2020.11.03
font ์†์„ฑ  (0) 2020.11.03
๊ฒฐํ•ฉ ์„ ํƒ์ž  (0) 2020.11.03
์„ ํƒ์ž  (0) 2020.11.03
CSS ์ ์šฉ๋ฐฉ๋ฒ•  (0) 2020.11.03