1개의 영어단어로 된 색상 이름들 (html에 사용가능한 색상키워드)

색상

블로그를 멋지게 꾸밀 때 색상 선택은 정말 중요한 부분이죠. 책상에 앉아 컴퓨터 앞에서 작업하다 보면, 16진법 색상 코드를 찾아보는 것도 좋겠지만, 빠르게 색상을 시험해볼 수 있다면 더 편리할 거예요. 이런 상황에서 큰 도움이 되는 것이 바로 '색상 키워드'입니다. 색상 키워드를 활용하면 '빨강', '파랑', '녹색' 같은 간단한 단어로 웹페이지에 색을 적용할 수 있어요. 이 방법을 사용하면 색상 코드를 일일이 찾아보고 입력하는 번거로움 없이 쉽고 빠르게 원하는 분위기의 블로그를 디자인할 수 있습니다.


색상키워드란

색상 키워드는 주로 한 단어로 이루어진 영어 단어입니다. 컴퓨터로 코딩(coding)을 할 때, 색상을 1개의 단어로 간편하게 표현해서 코딩에 사용할 수 있습니다. 예를 들어, 'red'는 빨간색, 'blue'는 파란색을 의미합니다. 또한, 'OrangeRed'와 같이 두 단어를 이어붙여 만든 단어도 색상 키워드로 코딩에서 직접 사용할 수 있습니다.

색상 키워드는 웹 디자인과 개발에서 사용되는 미리 정의된 단어들로, 특정 색상을 지칭합니다. 이 단어들은 HTML과 CSS 같은 웹 기술에서 색상 지정에 활용되며, RGB(레드, 그린, 블루) 코드나 HEX(16진수) 코드 없이도 간단하게 원하는 색상을 적용할 수 있게 해줍니다. 일반적인 색상 이름인 'red', 'blue', 'green'와 같은 기본적인 색상 키워드는 물론, CSS3에서는 'salmon', 'turquoise', 'olive'처럼 더 다양하고 구체적인 색상들을 제공합니다. 이런 색상 키워드의 사용은 코드를 읽기 쉽게 만들고, 웹 페이지 색상 변경을 용이하게 합니다.

 

색상키워드의 한계

그러나 색상 키워드의 사용에 한계가 있습니다.

예를 들어, 하지만, 모든 브라우저나 장치에서 동일하게 해석되지 않을 수 있어, 정확한 색상 일치가 필요한 경우, 세밀한 색상 조정이 필요한 경우, 'Light Golden Rod Yellow'처럼 다중 단어로 이루어진 색상 이름은 직접 사용할 수 없어, 이런 상황에서는 16진수, RGB, HSL 형식을 사용하는 것이 좋습니다.

 

 

HTML 테이블에서 색상을 변경하는 3가지 방법

HTML 테이블에서 색상을 변경하는 것은 웹 페이지에 시각적 구분을 제공하거나 사용자 경험을 향상시키는 데 중요한 역할을 합니다. 이 포스트에서는 HTML 테이블의 글씨와 칸의 배경색을 바꾸는 방법에 대해 알아보겠습니다. 특히, 색상 키워드를 이용해서 이러한 색상 변경을 어떻게 할 수 있는지에 대해 설명하겠습니다.

 

HTML Table에서 색상 적용하기

HTML 테이블에서 다양한 방식으로 색상을 적용할 수 있습니다. 색상을 적용하는 방법은 크게 세 가지로 나눌 수 있습니다:

  1. 칸 전체 글씨 색상 변경: <td> 태그의 style="color: 속성을 사용해 전체 텍스트 색상을 변경합니다.
  2. 칸의 배경 색상 변경: <td> 태그의 style="background-color: 속성을 사용해 배경 색상을 변경합니다.
  3. 칸 내 일부 글씨 색상 변경: <span> 태그를 사용해 일부 텍스트만 색상을 변경합니다.

 

코드 예시

칸 전체 글씨 색상 예시 칸 일부 글씨 색상
빨강 (Red)   빨강 (Red)

 

<table>
  <tbody>
    <tr>
      <th>칸 전체 글씨 색상</th>
      <th>예시</th>
      <th>칸 일부 글씨 색상</th>
    </tr>
    <tr>
      <td style="color:red;">빨강 (Red)</td>
      <td style="background-color:red;">&nbsp;</td>
      <td><span style="color:red;">빨강</span> (Red)</td>
    </tr>
  </tbody>
</table>

 

 

자주사용하는 35개의 색상키워드

# 색상예시 영어이름 16진수색상
1 Red #FF0000
2 OrangeRed #FF4500
3 Crimson #DC143C
4 Firebrick #B22222
5 Tomato #FF6347
6 Blue #0000FF
7 DodgerBlue #1E90FF
8 DeepSkyBlue #00BFFF
9 SteelBlue #4682B4
10 CadetBlue #5F9EA0
11 Green #008000
12 Lime #00FF00
13 Chartreuse #7FFF00
14 GreenYellow #ADFF2F
15 ForestGreen #228B22
16 Yellow #FFFF00
17 Gold #FFD700
18 Orange #FFA500
19 Goldenrod #DAA520
20 DarkGoldenrod #B8860B
21 Brown #A52A2A
22 SaddleBrown #8B4513
23 Chocolate #D2691E
24 Peru #CD853F
25 Sandy Brown #F4A460
26 Gray #808080
27 DarkGray #A9A9A9
28 Silver #C0C0C0
29 LightGray #D3D3D3
30 Gainsboro #DCDCDC
31 Black #000000
32 White #FFFFFF
33 WhiteSmoke #F5F5F5
34 SlateGray #708090
35 LightSlateGray #778899


140개여의 색상키워드 (총 143개)

: 여기에는 색상키워드를 알파벳순으로 정리했습니다.

# 색상예시 영어이름 16진수색상
1 AliceBlue #F0F8FF
2 AntiqueWhite #FAEBD7
3 Aqua #00FFFF
4 Aquamarine #7FFFD4
5 Azure #F0FFFF
6 Beige #F5F5DC
7 Bisque #FFE4C4
8 Black #000000
9 BlanchedAlmond #FFEBCD
10 Blue #0000FF
11 BlueViolet #8A2BE2
12 Brown #A52A2A
13 BurlyWood #DEB887
14 CadetBlue #5F9EA0
15 Chartreuse #7FFF00
16 Chocolate #D2691E
17 Coral #FF7F50
18 CornflowerBlue #6495ED
19 Cornsilk #FFF8DC
20 Crimson #DC143C
21 Cyan #00FFFF
22 DarkBlue #00008B
23 DarkCyan #008B8B
24 DarkGoldenRod #B8860B
25 DarkGray #A9A9A9
26 DarkGreen #006400
27 DarkKhaki #BDB76B
28 DarkMagenta #8B008B
29 DarkOliveGreen #556B2F
30 DarkOliveGrey #4F4F4F
31 DarkOrange #FF8C00
32 DarkOrchid #9932CC
33 DarkRed #8B0000
34 DarkSalmon #E9967A
35 DarkSeaGreen #8FBC8F
36 DarkSlateBlue #483D8B
37 DarkSlateGray #2F4F4F
38 DarkTurquoise #00CED1
39 DarkViolet #9400D3
40 DeepPink #FF1493
41 DeepSkyBlue #00BFFF
42 DimGray #696969
43 DodgerBlue #1E90FF
44 FireBrick #B22222
45 FloralWhite #FFFAF0
46 ForestGreen #228B22
47 Fuchsia #FF00FF
48 Gainsboro #DCDCDC
49 GhostWhite #F8F8FF
50 Gold #FFD700
51 GoldenRod #DAA520
52 Gray #808080
53 Green #008000
54 GreenYellow #ADFF2F
55 HoneyDew #F0FFF0
56 HotPink #FF69B4
57 IndianRed #CD5C5C
58 Indigo #4B0082
59 Ivory #FFFFF0
60 Khaki #F0E68C
61 Lavender #E6E6FA
62 LavenderBlush #FFF0F5
63 LawnGreen #7CFC00
64 LemonChiffon #FFFACD
65 LightBlue #ADD8E6
66 LightCoral #F08080
67 LightCyan #E0FFFF
68 LightGoldenRodYellow #FAFAD2
69 LightGray #D3D3D3
70 LightGreen #90EE90
71 LightPink #FFB6C1
72 LightSalmon #FFA07A
73 LightSeaGreen #20B2AA
74 LightSkyBlue #87CEFA
75 LightSlateGray #778899
76 MediumAquaMarine #66CDAA
77 MediumBlue #0000CD
78 MediumOrchid #BA55D3
79 MediumPurple #9370DB
80 MediumSeaGreen #3CB371
81 MediumSlateBlue #7B68EE
82 MediumSpringGreen #00FA9A
83 MediumTurquoise #48D1CC
84 MediumVioletRed #C71585
85 MidnightBlue #191970
86 MintCream #F5FFFA
87 MistyRose #FFE4E1
88 Moccasin #FFE4B5
89 NavajoWhite #FFDEAD
90 Navy #000080
91 OldLace #FDF5E6
92 Olive #808000
93 OliveDrab #6B8E23
94 Orange #FFA500
95 OrangeRed #FF4500
96 Orchid #DA70D6
97 PaleGoldenRod #EEE8AA
98 PaleGreen #98FB98
99 PaleTurquoise #AFEEEE
100 PaleVioletRed #DB7093
101 PapayaWhip #FFEFD5
102 PeachPuff #FFDAB9
103 Peru #CD853F
104 Pink #FFC0CB
105 Plum #DDA0DD
106 PowderBlue #B0E0E6
107 Purple #800080
108 RebeccaPurple #663399
109 Red #FF0000
110 RosyBrown #BC8F8F
111 RoyalBlue #4169E1
112 SaddleBrown #8B4513
113 Salmon #FA8072
114 SandyBrown #F4A460
115 SeaGreen #2E8B57
116 SeaShell #FFF5EE
117 Sienna #A0522D
118 Silver #C0C0C0
119 SkyBlue #87CEEB
120 SlateBlue #6A5ACD
121 SlateGray #708090
122 Snow #FFFAFA
123 SpringGreen #00FF7F
124 SteelBlue #4682B4
125 Tan #D2B48C
126 Teal #008080
127 Thistle #D8BFD8
128 Tomato #FF6347
129 Turquoise #40E0D0
130 Violet #EE82EE
131 Wheat #F5DEB3
132 White #FFFFFF
133 WhiteSmoke #F5F5F5
134 Yellow #FFFF00
135 YellowGreen #9ACD32

 


자주 사용하는 40개의 색상 이름

: 여기는 색상키워드가 아닌 색도 포함되어 있습니다.

# 색상예시 영어이름 16진수색상
1 Red #FF0000
2 OrangeRed #FF4500
3 Crimson #DC143C
4 Firebrick #B22222
5 Tomato #FF6347
6 Blue #0000FF
7 DodgerBlue #1E90FF
8 DeepSkyBlue #00BFFF
9 SteelBlue #4682B4
10 CadetBlue #5F9EA0
11 Green #008000
12 Lime #00FF00
13 Chartreuse #7FFF00
14 GreenYellow #ADFF2F
15 ForestGreen #228B22
16 Yellow #FFFF00
17 Gold #FFD700
18 Khaki #F0E68C
19 Orange #FFA500
20 Peach Puff #FFDAB9
21 Purple #800080
22 Violet #EE82EE
23 Dark Violet #9400D3
24 Blue Violet #8A2BE2
25 Medium Purple #9370DB
26 Pink #FFC0CB
27 Hot Pink #FF69B4
28 LightPink #FFB6C1
29 PaleVioletRed #DB7093
30 MediumVioletRed #C71585
31 SaddleBrown #8B4513
32 Sienna #A0522D
33 Chocolate #D2691E
34 Peru #CD853F
35 Sandy Brown #F4A460
36 Gray #808080
37 DarkGray #A9A9A9
38 Silver #C0C0C0
39 LightGray #D3D3D3
40 Gainsboro #DCDCDC

 

 

블로그에서 많이 쓰는 70개의 색상

# 색상예시 16진수색상
1          #FF0000
2          #FF4500
3          #FF6347
4          #DC143C
5          #B22222
6          #8B0000
7          #FF69B4
8          #FF1493
9          #DB7093
10          #C71585
11          #FFA500
12          #FF8C00
13          #FF7F50
14          #FF4500
15          #FFD700
16          #FFFF00
17          #FFFFE0
18          #FFFACD
19          #FAFAD2
20          #FFE4B5
21          #008000
22          #ADFF2F
23          #7FFF00
24          #7CFC00
25          #00FF00
26          #32CD32
27          #98FB98
28          #90EE90
29          #00FA9A
30          #3CB371
31          #0000FF
32          #1E90FF
33          #6495ED
34          #4682B4
35          #5F9EA0
36          #00CED1
37          #20B2AA
38          #48D1CC
39          #00FFFF
40          #E0FFFF
41          #800080
42          #8A2BE2
43          #9370DB
44          #7B68EE
45          #6A5ACD
46          #483D8B
47          #4B0082
48          #BA55D3
49          #D8BFD8
50          #DDA0DD
51          #A52A2A
52          #8B4513
53          #D2691E
54          #CD853F
55          #F4A460
56          #808080
57          #A9A9A9
58          #C0C0C0
59          #D3D3D3
60          #DCDCDC
61          #FFFFFF
62          #FFFAFA
63          #F0FFF0
64          #F5FFFA
65          #F0FFFF
66          #000000
67          #696969
68          #778899
69          #708090
70          #2F4F4F


댓글

댓글 쓰기

이 블로그의 인기 게시물

위니아 딤채 소형 김치냉장고 AS후기 (WDS10CERPS 수리비용과 수리과정)

이미지
위니아의 딤채 소형 김치냉장고를 구매하다. 2018년에 딤채 소형 김치냉장고를 구매했습니다. 모델명 WDS10CERPS인 딤채 김치냉장고를 골랐을 때의 기억이 아직도 생생해요. 김치를 그렇게 많이 보관하지 않으니, 집안 공간을 효율적으로 사용할 수 있는 소형 김치냉장고가 필요했죠. 그 당시 시장에는 뚜껑이 위에 있는 디자인의 김치냉장고가 주류를 이루고 있었어요. 하지만 그 중에서도 앞으로 열 수 있는 형태의 딤채 김치냉장고가 눈에 띄었습니다. 그런데... 딤채 김치냉장고에 보관한 김치가 빨리 시어버려서 이상하다 싶었던 적이 있었어요. 그때는 그저 김치냉장고가 좀 구려서 그런가보다 하고 잘못 선택했음에 마음속으로 후회하며 넘어갔습니다. 딤채 김치냉장고에는 또 하나 마음에 안든 점이 있었습니다.조용한 밤에 냉장고가 작동하면 소음이 거슬릴정도로 큽니다. 바로 옆에 삼성 대형 냉장고가 있는데 이 냉장고의 소리보다 더 큽니다. 지금 생각해보면 애초에 딤채 김치냉장고의 뽑기에서 불량이 걸린 것이 아니었을까 싶어요. 구매했을 때부터 냉각기에 고장이 있어서 모터가 세게 돌아가다보니 시끄러웠던게 아닐까 싶은 생각이 드네요. 여튼, 이번에 수리를 합니다. 그 과정과 수리내용 및 수리비용을 이야기해볼께요.   김치냉장고를 수리비용과 수리과정 최근 김치냉장고를 열어보니 냉기가 전혀 느껴지지 않더라고요 . 바로 그 순간, '아, 이 김치들이 다 이렇게 시어버린 이유가 있었구나' 싶었죠. 그렇게 해서 위니아 딤채 김치냉장고의 고장을 알게 되었고, AS를 신청하기로 마음먹었습니다. 위니아 고객센터 에 전화를 걸었어요. 번호는 냉장고 우측 스티커에 적혀 있었죠. 위니아 고객센터 전화번호 : 1588-9588 평일: 09:00 ~ 18:00 토요일: 09:00 ~ 13:00 공휴일/일요일 휴무   기사님이 오셔서는 김치냉장고 내부를 살펴보시더니, " 냉각기가 고장 났네요. 냉매가 새버린 거예요,"라며 냉각기를 새로운 것으로 교...
최근 게시물

맥미니에 연결한 새로운 모니터에서 발생한 HDR동영상의 색상 문제 해결기

이미지
오늘 제게 도착한 27UQ850V 모델을 설치하고 HDR 화질을 제대로 경험해볼 기대감에 유튜브에서 HDR 4K 영상을 검색해 시청했습니다. 그런데 예상치 못한 문제가 발생했어요. M1 맥미니에서 HDR영상을 시청시 희뿌연 색상 문제발생 하드웨어 설정 모니터는 M1 mac mini에 USB-C 포트(Thunderbolt 3/USB4)를 통해 연결했습니다. 제공된 USB-C 케이블을 사용했죠.   문제 상황 유튜브에서 4K HDR 영상을 재생하면, 영상의 화질 설정을 720p HDR로 조정하면 색상이 정상적으로 표시되는 반면, 1080p HDR 이상으로 설정하면 색상이 이상하게 나타나는 문제가 생겼습니다.   문제 해결 시도 구글링 결과 맥미니나 케이블에 문제가 있을 수 있다는 여러 의견을 봤습니다. 맥미니의 문제는 제가 직접 확인하기 어렵고, 먼저 케이블 문제를 테스트하기로 했습니다. HDMI v2.0을 지원하는 단자에 HDMI v2.1 케이블과 USB-C to DP 변환 케이블을 연결해봤지만, 동일한 문제가 계속 발생했어요. 해상도가 높을 때만 문제가 발생하니, 대역폭이 부족한 것이 아닐까 하는 생각에 썬더볼트3/USB4를 지원하는 케이블을 사용해보기로 했습니다. 조사 결과, 썬더볼트3는 DP1.2를, USB4는 DP1.4를 지원한다고 합니다. 맥미니에는 DP 포트가 없으니, 최대 대역폭으로 모니터에 전송하려면 USB-C 단자를 사용해야 할 것 같습니다. 4K 60Hz HDR 영상을 정상적으로 출력하려면 대략 18Gbps의 속도가 필요하다고 합니다. HDMI2.0은 이를 지원하고, DP1.4는 최대 32.4Gbps, 모니터의 USB-C 단자가 지원하는 대역폭은 명확하지 않지만, 맥미니의 USB-C 타입 단자는 최대 40Gbps를 지원합니다. 따라서 HDMI는 서브 모니터에 연결하고, 이 모니터에는 USB-C 단...
최근 게시물

맥 사용자를 위한 키보드 단축키를 그림으로 쉽게 익히자

이미지
시작 맥북을 쓰다 보면 처음에는 모든 게 직관적이고 편리해 보여요. 그런데 쓰다 보면 작은 아이콘을 마우스로 계속 클릭하는 게 점점 불편하게 느껴져요. 윈도우를 쓸 때보다 뭔가 더 손이 많이 가는 것 같아요. 이런 불편함을 해결하기 위해, 키보드 단축키를 적극 활용해 보려고 해요. 맥북은 사용자가 원하는 대로 단축키를 설정하기가 정말 좋게 되어있거든요. 계속 아이콘을 찾아 클릭하는 건 정말 번거로운 일이니까요. 기본적인 단축키 몇 가지는 알고 있지만, 매번 쓸 때마다 헷갈려요. 그래서 이번 기회에 제대로 정리해보려고 합니다. 저처럼 비슷한 고민을 가진 분들에게 도움이 되면 좋겠어요.   맥북에서 사용하는 기본적인 키보드 단축키 주제별로 단축키들을 분류하여 여러 개의 표로 정리해드리겠습니다. 이렇게 하면 관련 작업을 수행할 때 필요한 단축키를 더 쉽게 찾을 수 있을 거예요. command(또는 cmd) ⌘ shift ⇧ option(또는 alt) ⌥ control(또는 ctrl) ⌃ caps lock ⇪ Fn Fn 편집 및 검색 단축키 작업 단축키 설명 오려두기 command-X 선택한 항목을 잘라내어 클립보드에 복사합니다. 복사하기 command-C 선택한 항목을 클립보드에 복사합니다. 붙여넣기 command-V 클립보드의 콘텐츠를 현재 문서나 앱에 붙여넣습니다. 실행 취소 command-Z 이전 명령을 실행 취소합니다. 모든 항목 선택 command-A 모든 항목을 선택합니다. 찾기 command-F 문서에서 항목을 찾거나 찾기 윈도우를 엽니다. 다시 찾기 command-G 이전에 찾은 항목의 다음 위치를 찾습니다. shift-command-G로 이전 위치를 찾습니다. Spotlight 검색 command-스페이스 바 Spotlight 검색 필드를 표시하거나 숨깁니다. 이모티콘 control–command–스페이스 바 이모티콘 및 기타 기호를 선택할 수 있는 문자 뷰어를 표시합니다.   파일 관리 단축키 ...
최근 게시물