#64a066
RGB ( 赤 = 100, 緑 = 160, 青 = 102 )
HSL ( 色相 = 122°, 彩度 = 24%, 明度 = 51% )
H : 色相 ( 122° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #a06664 : -120
12 : #a07064 : -110
22 : #a07a64 : -100
32 : #a08464 : -90
42 : #a08e64 : -80
52 : #a09864 : -70
62 : #9ea064 : -60
72 : #94a064 : -50
82 : #8aa064 : -40
92 : #80a064 : -30
102 : #76a064 : -20
112 : #6ca064 : -10
122 : #64a066 : ±0
132 : #64a070 : +10
142 : #64a07a : +20
152 : #64a084 : +30
162 : #64a08e : +40
172 : #64a098 : +50
182 : #649ea0 : +60
192 : #6494a0 : +70
202 : #648aa0 : +80
212 : #6480a0 : +90
222 : #6476a0 : +100
232 : #646ca0 : +110
242 : #6664a0 : +120
252 : #7064a0 : +130
262 : #7a64a0 : +140
272 : #8464a0 : +150
282 : #8e64a0 : +160
292 : #9864a0 : +170
302 : #a0649e : +180
312 : #a06494 : +190
322 : #a0648a : +200
332 : #a06480 : +210
342 : #a06476 : +220
352 : #a0646c : +230
112 : #6ca064 : -10
113 : #6ba064 : -9
114 : #6aa064 : -8
115 : #69a064 : -7
116 : #68a064 : -6
117 : #67a064 : -5
118 : #66a064 : -4
119 : #65a064 : -3
120 : #64a064 : -2
121 : #64a065 : -1
122 : #64a066 : ±0
123 : #64a067 : +1
124 : #64a068 : +2
125 : #64a069 : +3
126 : #64a06a : +4
127 : #64a06b : +5
128 : #64a06c : +6
129 : #64a06d : +7
130 : #64a06e : +8
131 : #64a06f : +9
132 : #64a070 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -24
2 : #808580 : -22
4 : #7d877d : -20
6 : #7b8a7b : -18
8 : #788c79 : -16
10 : #768f76 : -14
12 : #739174 : -12
14 : #719472 : -10
16 : #6e966f : -8
18 : #6c996d : -6
20 : #699b6b : -4
22 : #679e68 : -2
24 : #64a066 : ±0
26 : #62a364 : +2
28 : #5fa561 : +4
30 : #5da85f : +6
32 : #5aaa5d : +8
34 : #58ad5a : +10
36 : #55af58 : +12
38 : #53b256 : +14
40 : #50b453 : +16
42 : #4eb751 : +18
44 : #4bb94f : +20
46 : #49bc4c : +22
48 : #46be4a : +24
50 : #44c148 : +26
52 : #41c345 : +28
54 : #3fc643 : +30
56 : #3cc841 : +32
58 : #3acb3e : +34
60 : #37cd3c : +36
62 : #35d03a : +38
64 : #32d237 : +40
66 : #30d535 : +42
68 : #2dd733 : +44
70 : #2bda30 : +46
72 : #28dc2e : +48
74 : #26df2c : +50
76 : #23e129 : +52
78 : #21e427 : +54
80 : #1ee625 : +56
82 : #1ce922 : +58
84 : #19eb20 : +60
86 : #17ee1e : +62
88 : #14f01b : +64
90 : #12f319 : +66
92 : #0ff517 : +68
94 : #0df814 : +70
96 : #0afa12 : +72
98 : #08fd10 : +74
100 : #05ff0d : +76
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -50
3 : #060906 : -48
5 : #0a100a : -46
7 : #0e160e : -44
9 : #111c12 : -42
11 : #152316 : -40
13 : #19291a : -38
15 : #1d2f1e : -36
17 : #213622 : -34
19 : #253c26 : -32
21 : #29422a : -30
23 : #2d492e : -28
25 : #304f31 : -26
27 : #345535 : -24
29 : #385c39 : -22
31 : #3c623d : -20
33 : #406841 : -18
35 : #446f45 : -16
37 : #487549 : -14
39 : #4c7b4d : -12
41 : #4f8251 : -10
43 : #538855 : -8
45 : #578e59 : -6
47 : #5b955d : -4
49 : #5f9b61 : -2
51 : #64a066 : ±0
53 : #6aa46c : +2
55 : #71a873 : +4
57 : #77ac79 : +6
59 : #7db07f : +8
61 : #84b385 : +10
63 : #8ab78c : +12
65 : #90bb92 : +14
67 : #97bf98 : +16
69 : #9dc39e : +18
71 : #a3c7a4 : +20
73 : #aacbab : +22
75 : #b0cfb1 : +24
77 : #b6d2b7 : +26
79 : #bdd6bd : +28
81 : #c3dac4 : +30
83 : #c9deca : +32
85 : #d0e2d0 : +34
87 : #d6e6d6 : +36
89 : #dceadd : +38
91 : #e3eee3 : +40
93 : #e9f1e9 : +42
95 : #eff5ef : +44
97 : #f6f9f6 : +46
99 : #fcfdfc : +48
CSS入門、作ってます。
text-shadow