#384344
RGB ( 赤 = 56, 緑 = 67, 青 = 68 )
HSL ( 色相 = 185°, 彩度 = 10%, 明度 = 24% )
H : 色相 ( 185° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #433837 : -180
15 : #433a37 : -170
25 : #433c37 : -160
35 : #433e37 : -150
45 : #434037 : -140
55 : #434237 : -130
65 : #424337 : -120
75 : #404337 : -110
85 : #3e4337 : -100
95 : #3c4337 : -90
105 : #3a4337 : -80
115 : #384337 : -70
125 : #374338 : -60
135 : #37433a : -50
145 : #37433c : -40
155 : #37433e : -30
165 : #374340 : -20
175 : #374342 : -10
185 : #374243 : ±0
195 : #374043 : +10
205 : #373e43 : +20
215 : #373c43 : +30
225 : #373a43 : +40
235 : #373843 : +50
245 : #383743 : +60
255 : #3a3743 : +70
265 : #3c3743 : +80
275 : #3e3743 : +90
285 : #403743 : +100
295 : #423743 : +110
305 : #433742 : +120
315 : #433740 : +130
325 : #43373e : +140
335 : #43373c : +150
345 : #43373a : +160
355 : #433738 : +170
175 : #374342 : -10
176 : #374343 : -9
177 : #374343 : -8
178 : #374343 : -7
179 : #374343 : -6
180 : #374343 : -5
181 : #374343 : -4
182 : #374343 : -3
183 : #374343 : -2
184 : #374343 : -1
185 : #374243 : ±0
186 : #374243 : +1
187 : #374243 : +2
188 : #374243 : +3
189 : #374143 : +4
190 : #374143 : +5
191 : #374143 : +6
192 : #374143 : +7
193 : #374143 : +8
194 : #374043 : +9
195 : #374043 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -10
2 : #3c3e3e : -8
4 : #3b3f40 : -6
6 : #3a4041 : -4
8 : #384142 : -2
10 : #374243 : ±0
12 : #364345 : +2
14 : #354446 : +4
16 : #334547 : +6
18 : #324648 : +8
20 : #314749 : +10
22 : #30484b : +12
24 : #2f494c : +14
26 : #2d4a4d : +16
28 : #2c4b4e : +18
30 : #2b4d50 : +20
32 : #2a4e51 : +22
34 : #284f52 : +24
36 : #275053 : +26
38 : #265154 : +28
40 : #255256 : +30
42 : #235357 : +32
44 : #225458 : +34
46 : #215559 : +36
48 : #20565b : +38
50 : #1f575c : +40
52 : #1d585d : +42
54 : #1c595e : +44
56 : #1b5a5f : +46
58 : #1a5b61 : +48
60 : #185c62 : +50
62 : #175d63 : +52
64 : #165e64 : +54
66 : #155f66 : +56
68 : #146067 : +58
70 : #126168 : +60
72 : #116269 : +62
74 : #10636a : +64
76 : #0f646c : +66
78 : #0d656d : +68
80 : #0c666e : +70
82 : #0b676f : +72
84 : #0a6871 : +74
86 : #096972 : +76
88 : #076a73 : +78
90 : #066b74 : +80
92 : #056c76 : +82
94 : #046d77 : +84
96 : #026e78 : +86
98 : #016f79 : +88
100 : #00707a : +90
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #050606 : -22
4 : #090b0b : -20
6 : #0e1111 : -18
8 : #121616 : -16
10 : #171c1c : -14
12 : #1c2122 : -12
14 : #202727 : -10
16 : #252c2d : -8
18 : #293232 : -6
20 : #2e3738 : -4
22 : #323d3e : -2
24 : #374243 : ±0
26 : #3c4849 : +2
28 : #404d4f : +4
30 : #455354 : +6
32 : #49585a : +8
34 : #4e5e5f : +10
36 : #536365 : +12
38 : #57696b : +14
40 : #5c6f70 : +16
42 : #607476 : +18
44 : #657a7b : +20
46 : #6a7f81 : +22
48 : #6e8587 : +24
50 : #738a8c : +26
52 : #788f91 : +28
54 : #7e9395 : +30
56 : #84989a : +32
58 : #899d9f : +34
60 : #8fa2a3 : +36
62 : #94a6a8 : +38
64 : #9aabac : +40
66 : #a0b0b1 : +42
68 : #a5b4b6 : +44
70 : #abb9ba : +46
72 : #b0bebf : +48
74 : #b6c2c3 : +50
76 : #bcc7c8 : +52
78 : #c1cccd : +54
80 : #c7d0d1 : +56
82 : #cdd5d6 : +58
84 : #d2dada : +60
86 : #d8dedf : +62
88 : #dde3e3 : +64
90 : #e3e8e8 : +66
92 : #e9eced : +68
94 : #eef1f1 : +70
96 : #f4f6f6 : +72
98 : #f9fafa : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow