#7cb05e
RGB ( 赤 = 124, 緑 = 176, 青 = 94 )
HSL ( 色相 = 98°, 彩度 = 34%, 明度 = 53% )
H : 色相 ( 98° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #b0695e : -90
18 : #b0775e : -80
28 : #b0845e : -70
38 : #b0925e : -60
48 : #b0a05e : -50
58 : #b0ad5e : -40
68 : #a5b05e : -30
78 : #97b05e : -20
88 : #8ab05e : -10
98 : #7cb05e : ±0
108 : #6fb05e : +10
118 : #61b05e : +20
128 : #5eb069 : +30
138 : #5eb077 : +40
148 : #5eb084 : +50
158 : #5eb092 : +60
168 : #5eb0a0 : +70
178 : #5eb0ad : +80
188 : #5ea5b0 : +90
198 : #5e97b0 : +100
208 : #5e8ab0 : +110
218 : #5e7cb0 : +120
228 : #5e6fb0 : +130
238 : #5e61b0 : +140
248 : #695eb0 : +150
258 : #775eb0 : +160
268 : #845eb0 : +170
278 : #925eb0 : +180
288 : #a05eb0 : +190
298 : #ad5eb0 : +200
308 : #b05ea5 : +210
318 : #b05e97 : +220
328 : #b05e8a : +230
338 : #b05e7c : +240
348 : #b05e6f : +250
358 : #b05e61 : +260
88 : #8ab05e : -10
89 : #89b05e : -9
90 : #87b05e : -8
91 : #86b05e : -7
92 : #84b05e : -6
93 : #83b05e : -5
94 : #82b05e : -4
95 : #80b05e : -3
96 : #7fb05e : -2
97 : #7eb05e : -1
98 : #7cb05e : ±0
99 : #7bb05e : +1
100 : #7ab05e : +2
101 : #78b05e : +3
102 : #77b05e : +4
103 : #75b05e : +5
104 : #74b05e : +6
105 : #73b05e : +7
106 : #71b05e : +8
107 : #70b05e : +9
108 : #6fb05e : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -34
2 : #878a85 : -32
4 : #868c82 : -30
6 : #858e80 : -28
8 : #85917e : -26
10 : #84937b : -24
12 : #839679 : -22
14 : #839876 : -20
16 : #829a74 : -18
18 : #819d72 : -16
20 : #819f6f : -14
22 : #80a26d : -12
24 : #7fa46a : -10
26 : #7fa668 : -8
28 : #7ea966 : -6
30 : #7eab63 : -4
32 : #7dae61 : -2
34 : #7cb05e : ±0
36 : #7cb25c : +2
38 : #7bb55a : +4
40 : #7ab757 : +6
42 : #7ab955 : +8
44 : #79bc52 : +10
46 : #78be50 : +12
48 : #78c14e : +14
50 : #77c34b : +16
52 : #77c549 : +18
54 : #76c846 : +20
56 : #75ca44 : +22
58 : #75cd42 : +24
60 : #74cf3f : +26
62 : #73d13d : +28
64 : #73d43a : +30
66 : #72d638 : +32
68 : #71d936 : +34
70 : #71db33 : +36
72 : #70dd31 : +38
74 : #6fe02e : +40
76 : #6fe22c : +42
78 : #6ee52a : +44
80 : #6ee727 : +46
82 : #6de925 : +48
84 : #6cec22 : +50
86 : #6cee20 : +52
88 : #6bf11e : +54
90 : #6af31b : +56
92 : #6af519 : +58
94 : #69f816 : +60
96 : #68fa14 : +62
98 : #68fd12 : +64
100 : #67ff0f : +66
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -52
3 : #070a05 : -50
5 : #0c1108 : -48
7 : #10180c : -46
9 : #151f0f : -44
11 : #1a2613 : -42
13 : #1e2c16 : -40
15 : #233319 : -38
17 : #273a1d : -36
19 : #2c4120 : -34
21 : #314823 : -32
23 : #354f27 : -30
25 : #3a552a : -28
27 : #3f5c2d : -26
29 : #436331 : -24
31 : #486a34 : -22
33 : #4d7138 : -20
35 : #51783b : -18
37 : #567e3e : -16
39 : #5a8542 : -14
41 : #5f8c45 : -12
43 : #649348 : -10
45 : #689a4c : -8
47 : #6da14f : -6
49 : #72a752 : -4
51 : #77ad58 : -2
53 : #7cb05e : ±0
55 : #82b365 : +2
57 : #87b76c : +4
59 : #8dba73 : +6
61 : #93bd7a : +8
63 : #98c181 : +10
65 : #9ec487 : +12
67 : #a3c78e : +14
69 : #a9cb95 : +16
71 : #aece9c : +18
73 : #b4d2a3 : +20
75 : #b9d5aa : +22
77 : #bfd8b0 : +24
79 : #c5dcb7 : +26
81 : #cadfbe : +28
83 : #d0e2c5 : +30
85 : #d5e6cc : +32
87 : #dbe9d3 : +34
89 : #e0ecd9 : +36
91 : #e6f0e0 : +38
93 : #ecf3e7 : +40
95 : #f1f7ee : +42
97 : #f7faf5 : +44
99 : #fcfdfc : +46
CSS入門、作ってます。
text-shadow