#64736b
RGB ( 赤 = 100, 緑 = 115, 青 = 107 )
HSL ( 色相 = 148°, 彩度 = 7%, 明度 = 42% )
H : 色相 ( 148° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #736664 : -140
18 : #736864 : -130
28 : #736b64 : -120
38 : #736d64 : -110
48 : #737064 : -100
58 : #737264 : -90
68 : #717364 : -80
78 : #6e7364 : -70
88 : #6c7364 : -60
98 : #697364 : -50
108 : #677364 : -40
118 : #647364 : -30
128 : #647366 : -20
138 : #647368 : -10
148 : #64736b : ±0
158 : #64736d : +10
168 : #647370 : +20
178 : #647372 : +30
188 : #647173 : +40
198 : #646e73 : +50
208 : #646c73 : +60
218 : #646973 : +70
228 : #646773 : +80
238 : #646473 : +90
248 : #666473 : +100
258 : #686473 : +110
268 : #6b6473 : +120
278 : #6d6473 : +130
288 : #706473 : +140
298 : #726473 : +150
308 : #736471 : +160
318 : #73646e : +170
328 : #73646c : +180
338 : #736469 : +190
348 : #736467 : +200
358 : #736464 : +210
138 : #647368 : -10
139 : #647368 : -9
140 : #647369 : -8
141 : #647369 : -7
142 : #647369 : -6
143 : #647369 : -5
144 : #64736a : -4
145 : #64736a : -3
146 : #64736a : -2
147 : #64736a : -1
148 : #64736b : ±0
149 : #64736b : +1
150 : #64736b : +2
151 : #64736b : +3
152 : #64736c : +4
153 : #64736c : +5
154 : #64736c : +6
155 : #64736c : +7
156 : #64736d : +8
157 : #64736d : +9
158 : #64736d : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6c6b : -6
3 : #686e6b : -4
5 : #66706b : -2
7 : #64736b : ±0
9 : #61756a : +2
11 : #5f776a : +4
13 : #5d796a : +6
15 : #5b7b6a : +8
17 : #597d6a : +10
19 : #577f6a : +12
21 : #55826a : +14
23 : #528469 : +16
25 : #508669 : +18
27 : #4e8869 : +20
29 : #4c8a69 : +22
31 : #4a8c69 : +24
33 : #488e69 : +26
35 : #469169 : +28
37 : #439368 : +30
39 : #419568 : +32
41 : #3f9768 : +34
43 : #3d9968 : +36
45 : #3b9b68 : +38
47 : #399d68 : +40
49 : #37a068 : +42
51 : #34a267 : +44
53 : #32a467 : +46
55 : #30a667 : +48
57 : #2ea867 : +50
59 : #2caa67 : +52
61 : #2aac67 : +54
63 : #28af67 : +56
65 : #25b166 : +58
67 : #23b366 : +60
69 : #21b566 : +62
71 : #1fb766 : +64
73 : #1db966 : +66
75 : #1bbb66 : +68
77 : #19be66 : +70
79 : #16c065 : +72
81 : #14c265 : +74
83 : #12c465 : +76
85 : #10c665 : +78
87 : #0ec865 : +80
89 : #0cca65 : +82
91 : #0acd65 : +84
93 : #07cf64 : +86
95 : #05d164 : +88
97 : #03d364 : +90
99 : #01d564 : +92
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #050505 : -40
4 : #090b0a : -38
6 : #0e100f : -36
8 : #131614 : -34
10 : #181b19 : -32
12 : #1c211e : -30
14 : #212624 : -28
16 : #262c29 : -26
18 : #2b312e : -24
20 : #2f3733 : -22
22 : #343c38 : -20
24 : #39413d : -18
26 : #3e4742 : -16
28 : #424c47 : -14
30 : #47524c : -12
32 : #4c5751 : -10
34 : #515d56 : -8
36 : #55625b : -6
38 : #5a6860 : -4
40 : #5f6d66 : -2
42 : #64736b : ±0
44 : #687870 : +2
46 : #6d7e75 : +4
48 : #72837a : +6
50 : #77887f : +8
52 : #7c8d84 : +10
54 : #819289 : +12
56 : #87978e : +14
58 : #8c9b93 : +16
60 : #92a099 : +18
62 : #97a59e : +20
64 : #9daaa3 : +22
66 : #a2aea8 : +24
68 : #a8b3ad : +26
70 : #adb8b2 : +28
72 : #b3bdb7 : +30
74 : #b8c1bc : +32
76 : #bec6c2 : +34
78 : #c3cbc7 : +36
80 : #c8d0cc : +38
82 : #ced4d1 : +40
84 : #d3d9d6 : +42
86 : #d9dedb : +44
88 : #dee3e0 : +46
90 : #e4e7e5 : +48
92 : #e9eceb : +50
94 : #eff1f0 : +52
96 : #f4f6f5 : +54
98 : #fafafa : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow