#477b66
RGB ( 赤 = 71, 緑 = 123, 青 = 102 )
HSL ( 色相 = 156°, 彩度 = 27%, 明度 = 38% )
H : 色相 ( 156° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #7b4c47 : -150
16 : #7b5547 : -140
26 : #7b5d47 : -130
36 : #7b6647 : -120
46 : #7b6f47 : -110
56 : #7b7847 : -100
66 : #767b47 : -90
76 : #6d7b47 : -80
86 : #647b47 : -70
96 : #5c7b47 : -60
106 : #537b47 : -50
116 : #4a7b47 : -40
126 : #477b4c : -30
136 : #477b55 : -20
146 : #477b5d : -10
156 : #477b66 : ±0
166 : #477b6f : +10
176 : #477b78 : +20
186 : #47767b : +30
196 : #476d7b : +40
206 : #47647b : +50
216 : #475c7b : +60
226 : #47537b : +70
236 : #474a7b : +80
246 : #4c477b : +90
256 : #55477b : +100
266 : #5d477b : +110
276 : #66477b : +120
286 : #6f477b : +130
296 : #78477b : +140
306 : #7b4776 : +150
316 : #7b476d : +160
326 : #7b4764 : +170
336 : #7b475c : +180
346 : #7b4753 : +190
356 : #7b474a : +200
146 : #477b5d : -10
147 : #477b5e : -9
148 : #477b5f : -8
149 : #477b60 : -7
150 : #477b61 : -6
151 : #477b62 : -5
152 : #477b63 : -4
153 : #477b64 : -3
154 : #477b64 : -2
155 : #477b65 : -1
156 : #477b66 : ±0
157 : #477b67 : +1
158 : #477b68 : +2
159 : #477b69 : +3
160 : #477b6a : +4
161 : #477b6a : +5
162 : #477b6b : +6
163 : #477b6c : +7
164 : #477b6d : +8
165 : #477b6e : +9
166 : #477b6f : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #606261 : -26
3 : #5e6461 : -24
5 : #5c6662 : -22
7 : #5a6862 : -20
9 : #586a63 : -18
11 : #566c63 : -16
13 : #546d63 : -14
15 : #526f64 : -12
17 : #507164 : -10
19 : #4e7365 : -8
21 : #4d7565 : -6
23 : #4b7765 : -4
25 : #497966 : -2
27 : #477b66 : ±0
29 : #457d67 : +2
31 : #437f67 : +4
33 : #418167 : +6
35 : #3f8368 : +8
37 : #3d8568 : +10
39 : #3b8768 : +12
41 : #398969 : +14
43 : #378b69 : +16
45 : #358d6a : +18
47 : #338e6a : +20
49 : #31906a : +22
51 : #2f926b : +24
53 : #2e946b : +26
55 : #2c966c : +28
57 : #2a986c : +30
59 : #289a6c : +32
61 : #269c6d : +34
63 : #249e6d : +36
65 : #22a06d : +38
67 : #20a26e : +40
69 : #1ea46e : +42
71 : #1ca66f : +44
73 : #1aa86f : +46
75 : #18aa6f : +48
77 : #16ac70 : +50
79 : #14ad70 : +52
81 : #12af71 : +54
83 : #10b171 : +56
85 : #0fb371 : +58
87 : #0db572 : +60
89 : #0bb772 : +62
91 : #09b973 : +64
93 : #07bb73 : +66
95 : #05bd73 : +68
97 : #03bf74 : +70
99 : #01c174 : +72
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #040605 : -36
4 : #070d0b : -34
6 : #0b1310 : -32
8 : #0f1a16 : -30
10 : #13201b : -28
12 : #162720 : -26
14 : #1a2d26 : -24
16 : #1e342b : -22
18 : #223a30 : -20
20 : #254136 : -18
22 : #29473b : -16
24 : #2d4e41 : -14
26 : #305446 : -12
28 : #345b4b : -10
30 : #386151 : -8
32 : #3c6856 : -6
34 : #3f6e5b : -4
36 : #437561 : -2
38 : #477b66 : ±0
40 : #4a826c : +2
42 : #4e8871 : +4
44 : #528e76 : +6
46 : #56957c : +8
48 : #599b81 : +10
50 : #5da286 : +12
52 : #64a68b : +14
54 : #6aa990 : +16
56 : #71ad95 : +18
58 : #77b19a : +20
60 : #7db59f : +22
62 : #84b8a3 : +24
64 : #8abca8 : +26
66 : #91c0ad : +28
68 : #97c3b2 : +30
70 : #9ec7b7 : +32
72 : #a4cbbb : +34
74 : #abcfc0 : +36
76 : #b1d2c5 : +38
78 : #b8d6ca : +40
80 : #bedacf : +42
82 : #c5ddd4 : +44
84 : #cbe1d8 : +46
86 : #d2e5dd : +48
88 : #d8e9e2 : +50
90 : #dfece7 : +52
92 : #e5f0ec : +54
94 : #ecf4f1 : +56
96 : #f2f8f5 : +58
98 : #f9fbfa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow