#9fa867
RGB ( 赤 = 159, 緑 = 168, 青 = 103 )
HSL ( 色相 = 68°, 彩度 = 27%, 明度 = 53% )
H : 色相 ( 68° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #a86f67 : -60
18 : #a87a67 : -50
28 : #a88567 : -40
38 : #a89067 : -30
48 : #a89b67 : -20
58 : #a8a567 : -10
68 : #9fa867 : ±0
78 : #94a867 : +10
88 : #89a867 : +20
98 : #7fa867 : +30
108 : #74a867 : +40
118 : #69a867 : +50
128 : #67a86f : +60
138 : #67a87a : +70
148 : #67a885 : +80
158 : #67a890 : +90
168 : #67a89b : +100
178 : #67a8a5 : +110
188 : #679fa8 : +120
198 : #6794a8 : +130
208 : #6789a8 : +140
218 : #677fa8 : +150
228 : #6774a8 : +160
238 : #6769a8 : +170
248 : #6f67a8 : +180
258 : #7a67a8 : +190
268 : #8567a8 : +200
278 : #9067a8 : +210
288 : #9b67a8 : +220
298 : #a567a8 : +230
308 : #a8679f : +240
318 : #a86794 : +250
328 : #a86789 : +260
338 : #a8677f : +270
348 : #a86774 : +280
358 : #a86769 : +290
58 : #a8a567 : -10
59 : #a8a667 : -9
60 : #a8a867 : -8
61 : #a6a867 : -7
62 : #a5a867 : -6
63 : #a4a867 : -5
64 : #a3a867 : -4
65 : #a2a867 : -3
66 : #a1a867 : -2
67 : #a0a867 : -1
68 : #9fa867 : ±0
69 : #9ea867 : +1
70 : #9da867 : +2
71 : #9ca867 : +3
72 : #9ba867 : +4
73 : #99a867 : +5
74 : #98a867 : +6
75 : #97a867 : +7
76 : #96a867 : +8
77 : #95a867 : +9
78 : #94a867 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #888886 : -26
3 : #8a8b84 : -24
5 : #8c8d81 : -22
7 : #8d907f : -20
9 : #8f927c : -18
11 : #91947a : -16
13 : #939778 : -14
15 : #949975 : -12
17 : #969c73 : -10
19 : #989e70 : -8
21 : #9aa06e : -6
23 : #9ba36c : -4
25 : #9da569 : -2
27 : #9fa867 : ±0
29 : #a1aa64 : +2
31 : #a2ac62 : +4
33 : #a4af60 : +6
35 : #a6b15d : +8
37 : #a8b35b : +10
39 : #a9b658 : +12
41 : #abb856 : +14
43 : #adbb54 : +16
45 : #afbd51 : +18
47 : #b0bf4f : +20
49 : #b2c24c : +22
51 : #b4c44a : +24
53 : #b6c748 : +26
55 : #b7c945 : +28
57 : #b9cb43 : +30
59 : #bbce40 : +32
61 : #bdd03e : +34
63 : #bfd33c : +36
65 : #c0d539 : +38
67 : #c2d737 : +40
69 : #c4da34 : +42
71 : #c6dc32 : +44
73 : #c7df30 : +46
75 : #c9e12d : +48
77 : #cbe32b : +50
79 : #cde628 : +52
81 : #cee826 : +54
83 : #d0eb24 : +56
85 : #d2ed21 : +58
87 : #d4ef1f : +60
89 : #d5f21c : +62
91 : #d7f41a : +64
93 : #d9f718 : +66
95 : #dbf915 : +68
97 : #dcfb13 : +70
99 : #defe10 : +72
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -52
3 : #090a06 : -50
5 : #0f1009 : -48
7 : #15170d : -46
9 : #1b1d11 : -44
11 : #222414 : -42
13 : #282a18 : -40
15 : #2e311c : -38
17 : #343720 : -36
19 : #3a3e23 : -34
21 : #404427 : -32
23 : #464a2b : -30
25 : #4c512f : -28
27 : #525732 : -26
29 : #595e36 : -24
31 : #5f643a : -22
33 : #656b3d : -20
35 : #6b7141 : -18
37 : #717845 : -16
39 : #777e49 : -14
41 : #7d854c : -12
43 : #838b50 : -10
45 : #899254 : -8
47 : #909857 : -6
49 : #969f5b : -4
51 : #9ba460 : -2
53 : #9fa867 : ±0
55 : #a3ab6d : +2
57 : #a7af74 : +4
59 : #abb37a : +6
61 : #afb681 : +8
63 : #b3ba87 : +10
65 : #b7be8e : +12
67 : #bcc294 : +14
69 : #c0c59b : +16
71 : #c4c9a1 : +18
73 : #c8cda8 : +20
75 : #ccd0ae : +22
77 : #d0d4b5 : +24
79 : #d4d8bb : +26
81 : #d8dcc1 : +28
83 : #dcdfc8 : +30
85 : #e0e3ce : +32
87 : #e4e7d5 : +34
89 : #e9ebdb : +36
91 : #edeee2 : +38
93 : #f1f2e8 : +40
95 : #f5f6ef : +42
97 : #f9f9f5 : +44
99 : #fdfdfc : +46
CSS入門、作ってます。
text-shadow