#6c701f
RGB ( 赤 = 108, 緑 = 112, 青 = 31 )
HSL ( 色相 = 63°, 彩度 = 57%, 明度 = 28% )
H : 色相 ( 63° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #70231f : -60
13 : #70301f : -50
23 : #703e1f : -40
33 : #704b1f : -30
43 : #70591f : -20
53 : #70671f : -10
63 : #6c701f : ±0
73 : #5e701f : +10
83 : #51701f : +20
93 : #43701f : +30
103 : #36701f : +40
113 : #28701f : +50
123 : #1f7023 : +60
133 : #1f7030 : +70
143 : #1f703e : +80
153 : #1f704b : +90
163 : #1f7059 : +100
173 : #1f7067 : +110
183 : #1f6c70 : +120
193 : #1f5e70 : +130
203 : #1f5170 : +140
213 : #1f4370 : +150
223 : #1f3670 : +160
233 : #1f2870 : +170
243 : #231f70 : +180
253 : #301f70 : +190
263 : #3e1f70 : +200
273 : #4b1f70 : +210
283 : #591f70 : +220
293 : #671f70 : +230
303 : #701f6c : +240
313 : #701f5e : +250
323 : #701f51 : +260
333 : #701f43 : +270
343 : #701f36 : +280
353 : #701f28 : +290
53 : #70671f : -10
54 : #70681f : -9
55 : #70691f : -8
56 : #706b1f : -7
57 : #706c1f : -6
58 : #706d1f : -5
59 : #706f1f : -4
60 : #70701f : -3
61 : #6f701f : -2
62 : #6d701f : -1
63 : #6c701f : ±0
64 : #6b701f : +1
65 : #69701f : +2
66 : #68701f : +3
67 : #67701f : +4
68 : #65701f : +5
69 : #64701f : +6
70 : #63701f : +7
71 : #61701f : +8
72 : #60701f : +9
73 : #5e701f : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484847 : -56
3 : #494a45 : -54
5 : #4b4b44 : -52
7 : #4c4c42 : -50
9 : #4d4e41 : -48
11 : #4e4f40 : -46
13 : #50513e : -44
15 : #51523d : -42
17 : #52543b : -40
19 : #54553a : -38
21 : #555638 : -36
23 : #565837 : -34
25 : #575936 : -32
27 : #595b34 : -30
29 : #5a5c33 : -28
31 : #5b5e31 : -26
33 : #5d5f30 : -24
35 : #5e602e : -22
37 : #5f622d : -20
39 : #60632c : -18
41 : #62652a : -16
43 : #636629 : -14
45 : #646827 : -12
47 : #666926 : -10
49 : #676a24 : -8
51 : #686c23 : -6
53 : #696d22 : -4
55 : #6b6f20 : -2
57 : #6c701f : ±0
59 : #6d721d : +2
61 : #6f731c : +4
63 : #70741a : +6
65 : #717619 : +8
67 : #727718 : +10
69 : #747916 : +12
71 : #757a15 : +14
73 : #767c13 : +16
75 : #787d12 : +18
77 : #797e10 : +20
79 : #7a800f : +22
81 : #7b810e : +24
83 : #7d830c : +26
85 : #7e840b : +28
87 : #7f8609 : +30
89 : #818708 : +32
91 : #828806 : +34
93 : #838a05 : +36
95 : #848b04 : +38
97 : #868d02 : +40
99 : #878e01 : +42
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #080802 : -26
4 : #0f1004 : -24
6 : #171807 : -22
8 : #1f2009 : -20
10 : #27280b : -18
12 : #2e300d : -16
14 : #36380f : -14
16 : #3e4012 : -12
18 : #454814 : -10
20 : #4d5016 : -8
22 : #555818 : -6
24 : #5d601a : -4
26 : #64681d : -2
28 : #6c701f : ±0
30 : #747821 : +2
32 : #7b8023 : +4
34 : #838825 : +6
36 : #8b9027 : +8
38 : #93982a : +10
40 : #9aa02c : +12
42 : #a2a82e : +14
44 : #aab030 : +16
46 : #b1b832 : +18
48 : #b9c035 : +20
50 : #c1c837 : +22
52 : #c3ca3f : +24
54 : #c6cd47 : +26
56 : #c8cf4f : +28
58 : #cbd157 : +30
60 : #cdd35f : +32
62 : #d0d567 : +34
64 : #d2d86f : +36
66 : #d5da77 : +38
68 : #d7dc7f : +40
70 : #dade87 : +42
72 : #dce08f : +44
74 : #dfe297 : +46
76 : #e1e59f : +48
78 : #e4e7a7 : +50
80 : #e6e9af : +52
82 : #e9ebb7 : +54
84 : #ebedbf : +56
86 : #eef0c7 : +58
88 : #f0f2cf : +60
90 : #f3f4d7 : +62
92 : #f5f6df : +64
94 : #f8f8e7 : +66
96 : #fafbef : +68
98 : #fdfdf7 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow