#3a031e
RGB ( 赤 = 58, 緑 = 3, 青 = 30 )
HSL ( 色相 = 331°, 彩度 = 90%, 明度 = 12% )
H : 色相 ( 331° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #3a0403 : -330
11 : #3a0d03 : -320
21 : #3a1603 : -310
31 : #3a2003 : -300
41 : #3a2903 : -290
51 : #3a3203 : -280
61 : #393a03 : -270
71 : #303a03 : -260
81 : #273a03 : -250
91 : #1e3a03 : -240
101 : #153a03 : -230
111 : #0b3a03 : -220
121 : #033a04 : -210
131 : #033a0d : -200
141 : #033a16 : -190
151 : #033a20 : -180
161 : #033a29 : -170
171 : #033a32 : -160
181 : #03393a : -150
191 : #03303a : -140
201 : #03273a : -130
211 : #031e3a : -120
221 : #03153a : -110
231 : #030b3a : -100
241 : #04033a : -90
251 : #0d033a : -80
261 : #16033a : -70
271 : #20033a : -60
281 : #29033a : -50
291 : #32033a : -40
301 : #3a0339 : -30
311 : #3a0330 : -20
321 : #3a0327 : -10
331 : #3a031e : ±0
341 : #3a0315 : +10
351 : #3a030b : +20
321 : #3a0327 : -10
322 : #3a0326 : -9
323 : #3a0325 : -8
324 : #3a0324 : -7
325 : #3a0323 : -6
326 : #3a0322 : -5
327 : #3a0321 : -4
328 : #3a0320 : -3
329 : #3a0320 : -2
330 : #3a031f : -1
331 : #3a031e : ±0
332 : #3a031d : +1
333 : #3a031c : +2
334 : #3a031b : +3
335 : #3a031a : +4
336 : #3a0319 : +5
337 : #3a0318 : +6
338 : #3a0317 : +7
339 : #3a0316 : +8
340 : #3a0315 : +9
341 : #3a0315 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -90
2 : #1f1e1f : -88
4 : #201d1f : -86
6 : #201d1f : -84
8 : #211c1f : -82
10 : #221c1e : -80
12 : #221b1e : -78
14 : #231a1e : -76
16 : #231a1e : -74
18 : #24191e : -72
20 : #25181e : -70
22 : #25181e : -68
24 : #26171e : -66
26 : #27171e : -64
28 : #27161e : -62
30 : #28151e : -60
32 : #28151e : -58
34 : #29141e : -56
36 : #2a141e : -54
38 : #2a131e : -52
40 : #2b121e : -50
42 : #2b121e : -48
44 : #2c111e : -46
46 : #2d111e : -44
48 : #2d101e : -42
50 : #2e0f1e : -40
52 : #2f0f1e : -38
54 : #2f0e1e : -36
56 : #300d1e : -34
58 : #300d1e : -32
60 : #310c1e : -30
62 : #320c1e : -28
64 : #320b1e : -26
66 : #330a1e : -24
68 : #330a1e : -22
70 : #34091e : -20
72 : #35091e : -18
74 : #35081e : -16
76 : #36071e : -14
78 : #36071e : -12
80 : #37061e : -10
82 : #38061e : -8
84 : #38051e : -6
86 : #39041e : -4
88 : #3a041e : -2
90 : #3a031e : ±0
92 : #3b021e : +2
94 : #3b021e : +4
96 : #3c011e : +6
98 : #3d011e : +8
100 : #3d001e : +10
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #0a0105 : -10
4 : #13010a : -8
6 : #1d020f : -6
8 : #270214 : -4
10 : #300319 : -2
12 : #3a031e : ±0
14 : #440423 : +2
16 : #4e0428 : +4
18 : #57052d : +6
20 : #610531 : +8
22 : #6b0636 : +10
24 : #74063b : +12
26 : #7e0740 : +14
28 : #880745 : +16
30 : #91084a : +18
32 : #9b084f : +20
34 : #a50954 : +22
36 : #ae0959 : +24
38 : #b80a5e : +26
40 : #c20a63 : +28
42 : #cb0b68 : +30
44 : #d50b6d : +32
46 : #df0c72 : +34
48 : #e90c77 : +36
50 : #f20d7c : +38
52 : #f31681 : +40
54 : #f32086 : +42
56 : #f42a8b : +44
58 : #f43491 : +46
60 : #f53d96 : +48
62 : #f5479b : +50
64 : #f651a0 : +52
66 : #f65aa6 : +54
68 : #f764ab : +56
70 : #f76eb0 : +58
72 : #f877b5 : +60
74 : #f881bb : +62
76 : #f98bc0 : +64
78 : #f994c5 : +66
80 : #fa9eca : +68
82 : #faa8d0 : +70
84 : #fbb1d5 : +72
86 : #fbbbda : +74
88 : #fcc5df : +76
90 : #fccfe5 : +78
92 : #fdd8ea : +80
94 : #fde2ef : +82
96 : #feecf4 : +84
98 : #fef5fa : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow