#5f0251
RGB ( 赤 = 95, 緑 = 2, 青 = 81 )
HSL ( 色相 = 309°, 彩度 = 96%, 明度 = 19% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #5f1002 : -300
19 : #5f1f02 : -290
29 : #5f2f02 : -280
39 : #5f3e02 : -270
49 : #5f4e02 : -260
59 : #5f5d02 : -250
69 : #515f02 : -240
79 : #425f02 : -230
89 : #325f02 : -220
99 : #225f02 : -210
109 : #135f02 : -200
119 : #035f02 : -190
129 : #025f10 : -180
139 : #025f1f : -170
149 : #025f2f : -160
159 : #025f3e : -150
169 : #025f4e : -140
179 : #025f5d : -130
189 : #02515f : -120
199 : #02425f : -110
209 : #02325f : -100
219 : #02225f : -90
229 : #02135f : -80
239 : #02035f : -70
249 : #10025f : -60
259 : #1f025f : -50
269 : #2f025f : -40
279 : #3e025f : -30
289 : #4e025f : -20
299 : #5d025f : -10
309 : #5f0251 : ±0
319 : #5f0242 : +10
329 : #5f0232 : +20
339 : #5f0222 : +30
349 : #5f0213 : +40
359 : #5f0203 : +50
299 : #5d025f : -10
300 : #5f025f : -9
301 : #5f025d : -8
302 : #5f025c : -7
303 : #5f025a : -6
304 : #5f0259 : -5
305 : #5f0257 : -4
306 : #5f0256 : -3
307 : #5f0254 : -2
308 : #5f0253 : -1
309 : #5f0251 : ±0
310 : #5f024f : +1
311 : #5f024e : +2
312 : #5f024c : +3
313 : #5f024b : +4
314 : #5f0249 : +5
315 : #5f0248 : +6
316 : #5f0246 : +7
317 : #5f0245 : +8
318 : #5f0243 : +9
319 : #5f0242 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -96
2 : #312f31 : -94
4 : #322f32 : -92
6 : #332e32 : -90
8 : #342d33 : -88
10 : #352c34 : -86
12 : #362b35 : -84
14 : #372a35 : -82
16 : #382936 : -80
18 : #392837 : -78
20 : #3a2737 : -76
22 : #3b2638 : -74
24 : #3c2539 : -72
26 : #3d2439 : -70
28 : #3e233a : -68
30 : #3f223b : -66
32 : #40213b : -64
34 : #41203c : -62
36 : #421f3d : -60
38 : #431e3d : -58
40 : #441d3e : -56
42 : #451c3f : -54
44 : #461b3f : -52
46 : #471a40 : -50
48 : #481941 : -48
50 : #491841 : -46
52 : #4a1742 : -44
54 : #4b1643 : -42
56 : #4c1543 : -40
58 : #4d1444 : -38
60 : #4e1345 : -36
62 : #4e1245 : -34
64 : #4f1146 : -32
66 : #501047 : -30
68 : #511048 : -28
70 : #520f48 : -26
72 : #530e49 : -24
74 : #540d4a : -22
76 : #550c4a : -20
78 : #560b4b : -18
80 : #570a4c : -16
82 : #58094c : -14
84 : #59084d : -12
86 : #5a074e : -10
88 : #5b064e : -8
90 : #5c054f : -6
92 : #5d0450 : -4
94 : #5e0350 : -2
96 : #5f0251 : ±0
98 : #600152 : +2
100 : #610052 : +4
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -18
3 : #0f000d : -16
5 : #190115 : -14
7 : #23011e : -12
9 : #2d0126 : -10
11 : #37012f : -8
13 : #410137 : -6
15 : #4b0240 : -4
17 : #550248 : -2
19 : #5f0251 : ±0
21 : #69025a : +2
23 : #730262 : +4
25 : #7d036b : +6
27 : #870373 : +8
29 : #91037c : +10
31 : #9b0384 : +12
33 : #a5038d : +14
35 : #af0495 : +16
37 : #b9049e : +18
39 : #c304a6 : +20
41 : #cd04af : +22
43 : #d704b7 : +24
45 : #e105c0 : +26
47 : #eb05c8 : +28
49 : #f505d1 : +30
51 : #fa0ad6 : +32
53 : #fa14d8 : +34
55 : #fa1ed9 : +36
57 : #fb28db : +38
59 : #fb32dd : +40
61 : #fb3cde : +42
63 : #fb46e0 : +44
65 : #fb50e2 : +46
67 : #fc5ae3 : +48
69 : #fc64e5 : +50
71 : #fc6ee7 : +52
73 : #fc78e8 : +54
75 : #fc82ea : +56
77 : #fd8cec : +58
79 : #fd96ed : +60
81 : #fda0ef : +62
83 : #fdaaf1 : +64
85 : #fdb4f2 : +66
87 : #febef4 : +68
89 : #fec8f6 : +70
91 : #fed2f7 : +72
93 : #fedcf9 : +74
95 : #fee6fb : +76
97 : #fff0fc : +78
99 : #fffafe : +80
CSS入門、作ってます。
text-shadow