#3a272b
RGB ( 赤 = 58, 緑 = 39, 青 = 43 )
HSL ( 色相 = 347°, 彩度 = 20%, 明度 = 19% )
H : 色相 ( 347° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #3a2927 : -340
17 : #3a2c27 : -330
27 : #3a2f27 : -320
37 : #3a3327 : -310
47 : #3a3627 : -300
57 : #3a3927 : -290
67 : #383a27 : -280
77 : #353a27 : -270
87 : #313a27 : -260
97 : #2e3a27 : -250
107 : #2b3a27 : -240
117 : #283a27 : -230
127 : #273a29 : -220
137 : #273a2c : -210
147 : #273a2f : -200
157 : #273a33 : -190
167 : #273a36 : -180
177 : #273a39 : -170
187 : #27383a : -160
197 : #27353a : -150
207 : #27313a : -140
217 : #272e3a : -130
227 : #272b3a : -120
237 : #27283a : -110
247 : #29273a : -100
257 : #2c273a : -90
267 : #2f273a : -80
277 : #33273a : -70
287 : #36273a : -60
297 : #39273a : -50
307 : #3a2738 : -40
317 : #3a2735 : -30
327 : #3a2731 : -20
337 : #3a272e : -10
347 : #3a272b : ±0
357 : #3a2728 : +10
337 : #3a272e : -10
338 : #3a272e : -9
339 : #3a272e : -8
340 : #3a272d : -7
341 : #3a272d : -6
342 : #3a272d : -5
343 : #3a272c : -4
344 : #3a272c : -3
345 : #3a272c : -2
346 : #3a272b : -1
347 : #3a272b : ±0
348 : #3a272b : +1
349 : #3a272a : +2
350 : #3a272a : +3
351 : #3a272a : +4
352 : #3a2729 : +5
353 : #3a2729 : +6
354 : #3a2729 : +7
355 : #3a2728 : +8
356 : #3a2728 : +9
357 : #3a2728 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -20
2 : #312f30 : -18
4 : #322f2f : -16
6 : #332e2f : -14
8 : #342d2e : -12
10 : #352c2e : -10
12 : #362b2d : -8
14 : #372a2d : -6
16 : #38292c : -4
18 : #39282c : -2
20 : #3a272b : ±0
22 : #3b262a : +2
24 : #3c252a : +4
26 : #3d2429 : +6
28 : #3e2329 : +8
30 : #3f2228 : +10
32 : #402128 : +12
34 : #412027 : +14
36 : #421f27 : +16
38 : #431e26 : +18
40 : #441d25 : +20
42 : #451c25 : +22
44 : #461b24 : +24
46 : #471a24 : +26
48 : #481923 : +28
50 : #491823 : +30
52 : #4a1722 : +32
54 : #4b1622 : +34
56 : #4c1521 : +36
58 : #4d1421 : +38
60 : #4e1320 : +40
62 : #4e121f : +42
64 : #4f111f : +44
66 : #50101e : +46
68 : #51101e : +48
70 : #520f1d : +50
72 : #530e1d : +52
74 : #540d1c : +54
76 : #550c1c : +56
78 : #560b1b : +58
80 : #570a1a : +60
82 : #58091a : +62
84 : #590819 : +64
86 : #5a0719 : +66
88 : #5b0618 : +68
90 : #5c0518 : +70
92 : #5d0417 : +72
94 : #5e0317 : +74
96 : #5f0216 : +76
98 : #600116 : +78
100 : #610015 : +80
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -18
3 : #090607 : -16
5 : #0f0a0b : -14
7 : #150e10 : -12
9 : #1c1214 : -10
11 : #221619 : -8
13 : #281b1d : -6
15 : #2e1f22 : -4
17 : #342326 : -2
19 : #3a272b : ±0
21 : #402b2f : +2
23 : #462f34 : +4
25 : #4d3339 : +6
27 : #53373d : +8
29 : #593b42 : +10
31 : #5f3f46 : +12
33 : #65434b : +14
35 : #6b474f : +16
37 : #714b54 : +18
39 : #775058 : +20
41 : #7d545d : +22
43 : #845861 : +24
45 : #8a5c66 : +26
47 : #90606a : +28
49 : #96646f : +30
51 : #9b6974 : +32
53 : #9f6f7a : +34
55 : #a3757f : +36
57 : #a77b85 : +38
59 : #ab828b : +40
61 : #af8890 : +42
63 : #b48e96 : +44
65 : #b8949c : +46
67 : #bc9aa1 : +48
69 : #c0a0a7 : +50
71 : #c4a6ad : +52
73 : #c8acb2 : +54
75 : #ccb3b8 : +56
77 : #d0b9be : +58
79 : #d4bfc3 : +60
81 : #d8c5c9 : +62
83 : #dccbcf : +64
85 : #e0d1d4 : +66
87 : #e4d7da : +68
89 : #e9dde0 : +70
91 : #ede3e5 : +72
93 : #f1eaeb : +74
95 : #f5f0f1 : +76
97 : #f9f6f6 : +78
99 : #fdfcfc : +80
CSS入門、作ってます。
text-shadow