#47904c
RGB
赤 | 71 |
---|---|
緑 | 144 |
青 | 76 |
HSL
色相 | 124° |
---|---|
彩度 | 34% |
明度 | 42% |
輝度 | 45% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 71, 緑 = 144, 青 = 76 )
HSL ( 色相 = 124°, 彩度 = 34%, 明度 = 42% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #904c47 : -120
14 : #905847 : -110
24 : #906447 : -100
34 : #907047 : -90
44 : #907c47 : -80
54 : #908847 : -70
64 : #8b9047 : -60
74 : #7f9047 : -50
84 : #729047 : -40
94 : #669047 : -30
104 : #5a9047 : -20
114 : #4e9047 : -10
124 : #47904c : ±0
134 : #479058 : +10
144 : #479064 : +20
154 : #479070 : +30
164 : #47907c : +40
174 : #479088 : +50
184 : #478b90 : +60
194 : #477f90 : +70
204 : #477290 : +80
214 : #476690 : +90
224 : #475a90 : +100
234 : #474e90 : +110
244 : #4c4790 : +120
254 : #584790 : +130
264 : #644790 : +140
274 : #704790 : +150
284 : #7c4790 : +160
294 : #884790 : +170
304 : #90478b : +180
314 : #90477f : +190
324 : #904772 : +200
334 : #904766 : +210
344 : #90475a : +220
354 : #90474e : +230
114 : #4e9047 : -10
115 : #4d9047 : -9
116 : #4c9047 : -8
117 : #4a9047 : -7
118 : #499047 : -6
119 : #489047 : -5
120 : #479047 : -4
121 : #479048 : -3
122 : #479049 : -2
123 : #47904a : -1
124 : #47904c : ±0
125 : #47904d : +1
126 : #47904e : +2
127 : #47904f : +3
128 : #479050 : +4
129 : #479052 : +5
130 : #479053 : +6
131 : #479054 : +7
132 : #479055 : +8
133 : #479056 : +9
134 : #479058 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -34
2 : #696d69 : -32
4 : #676f67 : -30
6 : #657266 : -28
8 : #637464 : -26
10 : #607662 : -24
12 : #5e7860 : -22
14 : #5c7a5e : -20
16 : #5a7c5c : -18
18 : #587e5a : -16
20 : #568159 : -14
22 : #548357 : -12
24 : #518555 : -10
26 : #4f8753 : -8
28 : #4d8951 : -6
30 : #4b8b4f : -4
32 : #498d4d : -2
34 : #47904c : ±0
36 : #45924a : +2
38 : #429448 : +4
40 : #409646 : +6
42 : #3e9844 : +8
44 : #3c9a42 : +10
46 : #3a9c40 : +12
48 : #389f3f : +14
50 : #36a13d : +16
52 : #33a33b : +18
54 : #31a539 : +20
56 : #2fa737 : +22
58 : #2da935 : +24
60 : #2bab33 : +26
62 : #29ae32 : +28
64 : #27b030 : +30
66 : #24b22e : +32
68 : #22b42c : +34
70 : #20b62a : +36
72 : #1eb828 : +38
74 : #1cba26 : +40
76 : #1abc25 : +42
78 : #18bf23 : +44
80 : #15c121 : +46
82 : #13c31f : +48
84 : #11c51d : +50
86 : #0fc71b : +52
88 : #0dc919 : +54
90 : #0bcb18 : +56
92 : #09ce16 : +58
94 : #06d014 : +60
96 : #04d212 : +62
98 : #02d410 : +64
100 : #00d60e : +66
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #030704 : -40
4 : #070e07 : -38
6 : #0a150b : -36
8 : #0d1b0e : -34
10 : #112212 : -32
12 : #142916 : -30
14 : #183019 : -28
16 : #1b371d : -26
18 : #1e3e20 : -24
20 : #224424 : -22
22 : #254b28 : -20
24 : #28522b : -18
26 : #2c592f : -16
28 : #2f6032 : -14
30 : #326736 : -12
32 : #366d3a : -10
34 : #39743d : -8
36 : #3d7b41 : -6
38 : #408244 : -4
40 : #438948 : -2
42 : #47904c : ±0
44 : #4a964f : +2
46 : #4d9d53 : +4
48 : #51a456 : +6
50 : #54ab5a : +8
52 : #5bae61 : +10
54 : #62b267 : +12
56 : #69b56e : +14
58 : #6fb874 : +16
60 : #76bc7b : +18
62 : #7dbf82 : +20
64 : #84c288 : +22
66 : #8bc68f : +24
68 : #92c995 : +26
70 : #98cd9c : +28
72 : #9fd0a3 : +30
74 : #a6d3a9 : +32
76 : #add7b0 : +34
78 : #b4dab6 : +36
80 : #bbddbd : +38
82 : #c1e1c4 : +40
84 : #c8e4ca : +42
86 : #cfe7d1 : +44
88 : #d6ebd7 : +46
90 : #ddeede : +48
92 : #e4f2e5 : +50
94 : #eaf5eb : +52
96 : #f1f8f2 : +54
98 : #f8fcf8 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow