#476660
RGB ( 赤 = 71, 緑 = 102, 青 = 96 )
HSL ( 色相 = 168°, 彩度 = 18%, 明度 = 34% )
H : 色相 ( 168° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #664b47 : -160
18 : #665047 : -150
28 : #665647 : -140
38 : #665b47 : -130
48 : #666047 : -120
58 : #666547 : -110
68 : #626647 : -100
78 : #5d6647 : -90
88 : #586647 : -80
98 : #536647 : -70
108 : #4d6647 : -60
118 : #486647 : -50
128 : #47664b : -40
138 : #476650 : -30
148 : #476656 : -20
158 : #47665b : -10
168 : #476660 : ±0
178 : #476665 : +10
188 : #476266 : +20
198 : #475d66 : +30
208 : #475866 : +40
218 : #475366 : +50
228 : #474d66 : +60
238 : #474866 : +70
248 : #4b4766 : +80
258 : #504766 : +90
268 : #564766 : +100
278 : #5b4766 : +110
288 : #604766 : +120
298 : #654766 : +130
308 : #664762 : +140
318 : #66475d : +150
328 : #664758 : +160
338 : #664753 : +170
348 : #66474d : +180
358 : #664748 : +190
158 : #47665b : -10
159 : #47665b : -9
160 : #47665c : -8
161 : #47665c : -7
162 : #47665d : -6
163 : #47665d : -5
164 : #47665e : -4
165 : #47665f : -3
166 : #47665f : -2
167 : #476660 : -1
168 : #476660 : ±0
169 : #476661 : +1
170 : #476661 : +2
171 : #476662 : +3
172 : #476662 : +4
173 : #476663 : +5
174 : #476663 : +6
175 : #476664 : +7
176 : #476664 : +8
177 : #476665 : +9
178 : #476665 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -18
2 : #555858 : -16
4 : #535a59 : -14
6 : #515c5a : -12
8 : #505e5b : -10
10 : #4e5f5c : -8
12 : #4c615d : -6
14 : #4b635e : -4
16 : #49655f : -2
18 : #476660 : ±0
20 : #456861 : +2
22 : #446a62 : +4
24 : #426c63 : +6
26 : #406d64 : +8
28 : #3e6f65 : +10
30 : #3d7166 : +12
32 : #3b7267 : +14
34 : #397468 : +16
36 : #377669 : +18
38 : #36786a : +20
40 : #34796c : +22
42 : #327b6d : +24
44 : #317d6e : +26
46 : #2f7f6f : +28
48 : #2d8070 : +30
50 : #2b8271 : +32
52 : #2a8472 : +34
54 : #288673 : +36
56 : #268774 : +38
58 : #248975 : +40
60 : #238b76 : +42
62 : #218c77 : +44
64 : #1f8e78 : +46
66 : #1d9079 : +48
68 : #1c927a : +50
70 : #1a937b : +52
72 : #18957c : +54
74 : #17977d : +56
76 : #15997e : +58
78 : #139a7f : +60
80 : #119c80 : +62
82 : #109e81 : +64
84 : #0ea082 : +66
86 : #0ca183 : +68
88 : #0aa384 : +70
90 : #09a586 : +72
92 : #07a687 : +74
94 : #05a888 : +76
96 : #03aa89 : +78
98 : #02ac8a : +80
100 : #00ad8b : +82
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #040606 : -32
4 : #080c0b : -30
6 : #0d1211 : -28
8 : #111817 : -26
10 : #151e1c : -24
12 : #192422 : -22
14 : #1d2a28 : -20
16 : #21302d : -18
18 : #263633 : -16
20 : #2a3c39 : -14
22 : #2e423e : -12
24 : #324844 : -10
26 : #364e49 : -8
28 : #3b544f : -6
30 : #3f5a55 : -4
32 : #43605a : -2
34 : #476660 : ±0
36 : #4b6c66 : +2
38 : #4f726b : +4
40 : #547871 : +6
42 : #587e77 : +8
44 : #5c847c : +10
46 : #608a82 : +12
48 : #649088 : +14
50 : #69968d : +16
52 : #6f9b92 : +18
54 : #759f96 : +20
56 : #7ba39b : +22
58 : #81a79f : +24
60 : #87aba4 : +26
62 : #8db0a9 : +28
64 : #93b4ad : +30
66 : #99b8b2 : +32
68 : #9fbcb6 : +34
70 : #a5c0bb : +36
72 : #abc4bf : +38
74 : #b1c9c4 : +40
76 : #b7cdc8 : +42
78 : #bdd1cd : +44
80 : #c3d5d2 : +46
82 : #c9d9d6 : +48
84 : #cfdedb : +50
86 : #d5e2df : +52
88 : #dbe6e4 : +54
90 : #e1eae8 : +56
92 : #e7eeed : +58
94 : #edf2f1 : +60
96 : #f3f7f6 : +62
98 : #f9fbfa : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow