#2c4e2f
RGB ( 赤 = 44, 緑 = 78, 青 = 47 )
HSL ( 色相 = 125°, 彩度 = 28%, 明度 = 24% )
H : 色相 ( 125° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #4e2f2c : -120
15 : #4e352c : -110
25 : #4e3a2c : -100
35 : #4e402c : -90
45 : #4e462c : -80
55 : #4e4b2c : -70
65 : #4b4e2c : -60
75 : #464e2c : -50
85 : #404e2c : -40
95 : #3a4e2c : -30
105 : #354e2c : -20
115 : #2f4e2c : -10
125 : #2c4e2f : ±0
135 : #2c4e35 : +10
145 : #2c4e3a : +20
155 : #2c4e40 : +30
165 : #2c4e46 : +40
175 : #2c4e4b : +50
185 : #2c4b4e : +60
195 : #2c464e : +70
205 : #2c404e : +80
215 : #2c3a4e : +90
225 : #2c354e : +100
235 : #2c2f4e : +110
245 : #2f2c4e : +120
255 : #352c4e : +130
265 : #3a2c4e : +140
275 : #402c4e : +150
285 : #462c4e : +160
295 : #4b2c4e : +170
305 : #4e2c4b : +180
315 : #4e2c46 : +190
325 : #4e2c40 : +200
335 : #4e2c3a : +210
345 : #4e2c35 : +220
355 : #4e2c2f : +230
115 : #2f4e2c : -10
116 : #2e4e2c : -9
117 : #2e4e2c : -8
118 : #2d4e2c : -7
119 : #2d4e2c : -6
120 : #2c4e2c : -5
121 : #2c4e2d : -4
122 : #2c4e2d : -3
123 : #2c4e2e : -2
124 : #2c4e2e : -1
125 : #2c4e2f : ±0
126 : #2c4e2f : +1
127 : #2c4e30 : +2
128 : #2c4e31 : +3
129 : #2c4e31 : +4
130 : #2c4e32 : +5
131 : #2c4e32 : +6
132 : #2c4e33 : +7
133 : #2c4e33 : +8
134 : #2c4e34 : +9
135 : #2c4e35 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -28
2 : #3c3e3c : -26
4 : #3b403b : -24
6 : #3a413a : -22
8 : #384239 : -20
10 : #374338 : -18
12 : #364537 : -16
14 : #354636 : -14
16 : #334735 : -12
18 : #324834 : -10
20 : #314933 : -8
22 : #304b32 : -6
24 : #2f4c31 : -4
26 : #2d4d30 : -2
28 : #2c4e2f : ±0
30 : #2b502e : +2
32 : #2a512d : +4
34 : #28522c : +6
36 : #27532b : +8
38 : #26542a : +10
40 : #255629 : +12
42 : #235728 : +14
44 : #225827 : +16
46 : #215926 : +18
48 : #205b25 : +20
50 : #1f5c24 : +22
52 : #1d5d23 : +24
54 : #1c5e22 : +26
56 : #1b5f21 : +28
58 : #1a6120 : +30
60 : #18621f : +32
62 : #17631e : +34
64 : #16641d : +36
66 : #15661c : +38
68 : #14671b : +40
70 : #12681a : +42
72 : #116918 : +44
74 : #106a17 : +46
76 : #0f6c16 : +48
78 : #0d6d15 : +50
80 : #0c6e14 : +52
82 : #0b6f13 : +54
84 : #0a7112 : +56
86 : #097211 : +58
88 : #077310 : +60
90 : #06740f : +62
92 : #05760e : +64
94 : #04770d : +66
96 : #02780c : +68
98 : #01790b : +70
100 : #007a0a : +72
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #040704 : -22
4 : #070d08 : -20
6 : #0b140c : -18
8 : #0f1a10 : -16
10 : #122114 : -14
12 : #162717 : -12
14 : #1a2e1b : -10
16 : #1d341f : -8
18 : #213b23 : -6
20 : #254127 : -4
22 : #28482b : -2
24 : #2c4e2f : ±0
26 : #305533 : +2
28 : #335b37 : +4
30 : #37623b : +6
32 : #3b683f : +8
34 : #3e6f42 : +10
36 : #427646 : +12
38 : #467c4a : +14
40 : #49834e : +16
42 : #4d8952 : +18
44 : #519056 : +20
46 : #54965a : +22
48 : #589d5e : +24
50 : #5ca362 : +26
52 : #62a768 : +28
54 : #69ab6e : +30
56 : #6fae75 : +32
58 : #76b27b : +34
60 : #7cb681 : +36
62 : #83b987 : +38
64 : #89bd8e : +40
66 : #90c194 : +42
68 : #97c49a : +44
70 : #9dc8a1 : +46
72 : #a4cca7 : +48
74 : #aacfad : +50
76 : #b1d3b4 : +52
78 : #b7d7ba : +54
80 : #bedac0 : +56
82 : #c4dec6 : +58
84 : #cbe2cd : +60
86 : #d1e5d3 : +62
88 : #d8e9d9 : +64
90 : #deede0 : +66
92 : #e5f0e6 : +68
94 : #ebf4ec : +70
96 : #f2f8f2 : +72
98 : #f8fbf9 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow