#3f0151
RGB ( 赤 = 63, 緑 = 1, 青 = 81 )
HSL ( 色相 = 287°, 彩度 = 98%, 明度 = 16% )
H : 色相 ( 287° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #510a01 : -280
17 : #511701 : -270
27 : #512501 : -260
37 : #513201 : -250
47 : #513f01 : -240
57 : #514d01 : -230
67 : #475101 : -220
77 : #3a5101 : -210
87 : #2d5101 : -200
97 : #1f5101 : -190
107 : #125101 : -180
117 : #055101 : -170
127 : #01510a : -160
137 : #015117 : -150
147 : #015125 : -140
157 : #015132 : -130
167 : #01513f : -120
177 : #01514d : -110
187 : #014751 : -100
197 : #013a51 : -90
207 : #012d51 : -80
217 : #011f51 : -70
227 : #011251 : -60
237 : #010551 : -50
247 : #0a0151 : -40
257 : #170151 : -30
267 : #250151 : -20
277 : #320151 : -10
287 : #3f0151 : ±0
297 : #4d0151 : +10
307 : #510147 : +20
317 : #51013a : +30
327 : #51012d : +40
337 : #51011f : +50
347 : #510112 : +60
357 : #510105 : +70
277 : #320151 : -10
278 : #330151 : -9
279 : #350151 : -8
280 : #360151 : -7
281 : #370151 : -6
282 : #390151 : -5
283 : #3a0151 : -4
284 : #3b0151 : -3
285 : #3d0151 : -2
286 : #3e0151 : -1
287 : #3f0151 : ±0
288 : #410151 : +1
289 : #420151 : +2
290 : #430151 : +3
291 : #450151 : +4
292 : #460151 : +5
293 : #470151 : +6
294 : #490151 : +7
295 : #4a0151 : +8
296 : #4b0151 : +9
297 : #4d0151 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -98
2 : #29282a : -96
4 : #2a272a : -94
6 : #2a262b : -92
8 : #2b262c : -90
10 : #2b252d : -88
12 : #2c242e : -86
14 : #2c232f : -84
16 : #2c222f : -82
18 : #2d2130 : -80
20 : #2d2131 : -78
22 : #2e2032 : -76
24 : #2e1f33 : -74
26 : #2f1e33 : -72
28 : #2f1d34 : -70
30 : #301d35 : -68
32 : #301c36 : -66
34 : #311b37 : -64
36 : #311a37 : -62
38 : #321938 : -60
40 : #321839 : -58
42 : #33183a : -56
44 : #33173b : -54
46 : #33163c : -52
48 : #34153c : -50
50 : #34143d : -48
52 : #35143e : -46
54 : #35133f : -44
56 : #361240 : -42
58 : #361140 : -40
60 : #371041 : -38
62 : #371042 : -36
64 : #380f43 : -34
66 : #380e44 : -32
68 : #390d45 : -30
70 : #390c45 : -28
72 : #390b46 : -26
74 : #3a0b47 : -24
76 : #3a0a48 : -22
78 : #3b0949 : -20
80 : #3b0849 : -18
82 : #3c074a : -16
84 : #3c074b : -14
86 : #3d064c : -12
88 : #3d054d : -10
90 : #3e044e : -8
92 : #3e034e : -6
94 : #3f024f : -4
96 : #3f0250 : -2
98 : #3f0151 : ±0
100 : #400052 : +2
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #08000a : -14
4 : #100014 : -12
6 : #18001e : -10
8 : #200028 : -8
10 : #280132 : -6
12 : #30013d : -4
14 : #380147 : -2
16 : #3f0151 : ±0
18 : #47015b : +2
20 : #4f0165 : +4
22 : #57016f : +6
24 : #5f0179 : +8
26 : #670183 : +10
28 : #6f018d : +12
30 : #770297 : +14
32 : #7f02a2 : +16
34 : #8702ac : +18
36 : #8f02b6 : +20
38 : #9702c0 : +22
40 : #9f02ca : +24
42 : #a702d4 : +26
44 : #af02de : +28
46 : #b602e8 : +30
48 : #be02f2 : +32
50 : #c603fc : +34
52 : #c90dfd : +36
54 : #cb17fd : +38
56 : #cd21fd : +40
58 : #cf2bfd : +42
60 : #d235fd : +44
62 : #d43ffd : +46
64 : #d649fd : +48
66 : #d853fd : +50
68 : #db5dfd : +52
70 : #dd68fd : +54
72 : #df72fe : +56
74 : #e27cfe : +58
76 : #e486fe : +60
78 : #e690fe : +62
80 : #e89afe : +64
82 : #eba4fe : +66
84 : #edaefe : +68
86 : #efb8fe : +70
88 : #f1c2fe : +72
90 : #f4cdfe : +74
92 : #f6d7ff : +76
94 : #f8e1ff : +78
96 : #faebff : +80
98 : #fdf5ff : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow