#3a0349
RGB ( 赤 = 58, 緑 = 3, 青 = 73 )
HSL ( 色相 = 287°, 彩度 = 92%, 明度 = 15% )
H : 色相 ( 287° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #490b03 : -280
17 : #491703 : -270
27 : #492303 : -260
37 : #492e03 : -250
47 : #493a03 : -240
57 : #494603 : -230
67 : #414903 : -220
77 : #354903 : -210
87 : #2a4903 : -200
97 : #1e4903 : -190
107 : #124903 : -180
117 : #074903 : -170
127 : #03490b : -160
137 : #034917 : -150
147 : #034923 : -140
157 : #03492e : -130
167 : #03493a : -120
177 : #034946 : -110
187 : #034149 : -100
197 : #033549 : -90
207 : #032a49 : -80
217 : #031e49 : -70
227 : #031249 : -60
237 : #030749 : -50
247 : #0b0349 : -40
257 : #170349 : -30
267 : #230349 : -20
277 : #2e0349 : -10
287 : #3a0349 : ±0
297 : #460349 : +10
307 : #490341 : +20
317 : #490335 : +30
327 : #49032a : +40
337 : #49031e : +50
347 : #490312 : +60
357 : #490307 : +70
277 : #2e0349 : -10
278 : #300349 : -9
279 : #310349 : -8
280 : #320349 : -7
281 : #330349 : -6
282 : #340349 : -5
283 : #350349 : -4
284 : #370349 : -3
285 : #380349 : -2
286 : #390349 : -1
287 : #3a0349 : ±0
288 : #3b0349 : +1
289 : #3d0349 : +2
290 : #3e0349 : +3
291 : #3f0349 : +4
292 : #400349 : +5
293 : #410349 : +6
294 : #420349 : +7
295 : #440349 : +8
296 : #450349 : +9
297 : #460349 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -92
2 : #272527 : -90
4 : #272528 : -88
6 : #282429 : -86
8 : #282329 : -84
10 : #28222a : -82
12 : #29222b : -80
14 : #29212c : -78
16 : #2a202c : -76
18 : #2a1f2d : -74
20 : #2b1f2e : -72
22 : #2b1e2f : -70
24 : #2b1d2f : -68
26 : #2c1c30 : -66
28 : #2c1c31 : -64
30 : #2d1b32 : -62
32 : #2d1a32 : -60
34 : #2e1933 : -58
36 : #2e1834 : -56
38 : #2e1835 : -54
40 : #2f1736 : -52
42 : #2f1636 : -50
44 : #301537 : -48
46 : #301538 : -46
48 : #311439 : -44
50 : #311339 : -42
52 : #32123a : -40
54 : #32123b : -38
56 : #32113c : -36
58 : #33103c : -34
60 : #330f3d : -32
62 : #340f3e : -30
64 : #340e3f : -28
66 : #350d3f : -26
68 : #350c40 : -24
70 : #350b41 : -22
72 : #360b42 : -20
74 : #360a43 : -18
76 : #370943 : -16
78 : #370844 : -14
80 : #380845 : -12
82 : #380746 : -10
84 : #380646 : -8
86 : #390547 : -6
88 : #390548 : -4
90 : #3a0449 : -2
92 : #3a0349 : ±0
94 : #3b024a : +2
96 : #3b024b : +4
98 : #3b014c : +6
100 : #3c004d : +8
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040005 : -14
3 : #0c010f : -12
5 : #130118 : -10
7 : #1b0122 : -8
9 : #23022c : -6
11 : #2b0236 : -4
13 : #320340 : -2
15 : #3a0349 : ±0
17 : #420353 : +2
19 : #4a045d : +4
21 : #510467 : +6
23 : #590571 : +8
25 : #61057a : +10
27 : #690684 : +12
29 : #71068e : +14
31 : #780698 : +16
33 : #8007a2 : +18
35 : #8807ab : +20
37 : #9008b5 : +22
39 : #9708bf : +24
41 : #9f08c9 : +26
43 : #a709d3 : +28
45 : #af09dc : +30
47 : #b60ae6 : +32
49 : #be0af0 : +34
51 : #c30ff5 : +36
53 : #c619f5 : +38
55 : #c823f6 : +40
57 : #cb2cf6 : +42
59 : #cd36f7 : +44
61 : #cf40f7 : +46
63 : #d24af7 : +48
65 : #d454f8 : +50
67 : #d75df8 : +52
69 : #d967f9 : +54
71 : #dc71f9 : +56
73 : #de7bf9 : +58
75 : #e085fa : +60
77 : #e38efa : +62
79 : #e598fb : +64
81 : #e8a2fb : +66
83 : #eaacfc : +68
85 : #edb6fc : +70
87 : #efbffc : +72
89 : #f2c9fd : +74
91 : #f4d3fd : +76
93 : #f6ddfe : +78
95 : #f9e7fe : +80
97 : #fbf0fe : +82
99 : #fefaff : +84
CSS入門、作ってます。
text-shadow