#471f5b
RGB ( 赤 = 71, 緑 = 31, 青 = 91 )
HSL ( 色相 = 280°, 彩度 = 49%, 明度 = 24% )
H : 色相 ( 280° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5b1f1f : -280
10 : #5b291f : -270
20 : #5b331f : -260
30 : #5b3d1f : -250
40 : #5b471f : -240
50 : #5b511f : -230
60 : #5b5b1f : -220
70 : #515b1f : -210
80 : #475b1f : -200
90 : #3d5b1f : -190
100 : #335b1f : -180
110 : #295b1f : -170
120 : #1f5b1f : -160
130 : #1f5b29 : -150
140 : #1f5b33 : -140
150 : #1f5b3d : -130
160 : #1f5b47 : -120
170 : #1f5b51 : -110
180 : #1f5b5b : -100
190 : #1f515b : -90
200 : #1f475b : -80
210 : #1f3d5b : -70
220 : #1f335b : -60
230 : #1f295b : -50
240 : #1f1f5b : -40
250 : #291f5b : -30
260 : #331f5b : -20
270 : #3d1f5b : -10
280 : #471f5b : ±0
290 : #511f5b : +10
300 : #5b1f5b : +20
310 : #5b1f51 : +30
320 : #5b1f47 : +40
330 : #5b1f3d : +50
340 : #5b1f33 : +60
350 : #5b1f29 : +70
270 : #3d1f5b : -10
271 : #3e1f5b : -9
272 : #3f1f5b : -8
273 : #401f5b : -7
274 : #411f5b : -6
275 : #421f5b : -5
276 : #431f5b : -4
277 : #441f5b : -3
278 : #451f5b : -2
279 : #461f5b : -1
280 : #471f5b : ±0
281 : #481f5b : +1
282 : #491f5b : +2
283 : #4a1f5b : +3
284 : #4b1f5b : +4
285 : #4c1f5b : +5
286 : #4d1f5b : +6
287 : #4e1f5b : +7
288 : #4f1f5b : +8
289 : #501f5b : +9
290 : #511f5b : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3d3d3e : -48
3 : #3e3b3f : -46
5 : #3e3a40 : -44
7 : #3f3941 : -42
9 : #3f3843 : -40
11 : #3f3644 : -38
13 : #403545 : -36
15 : #403446 : -34
17 : #413348 : -32
19 : #413249 : -30
21 : #41304a : -28
23 : #422f4b : -26
25 : #422e4d : -24
27 : #432d4e : -22
29 : #432b4f : -20
31 : #442a50 : -18
33 : #442951 : -16
35 : #442853 : -14
37 : #452754 : -12
39 : #452555 : -10
41 : #462456 : -8
43 : #462358 : -6
45 : #462259 : -4
47 : #47205a : -2
49 : #471f5b : ±0
51 : #481e5c : +2
53 : #481d5e : +4
55 : #481c5f : +6
57 : #491a60 : +8
59 : #491961 : +10
61 : #4a1863 : +12
63 : #4a1764 : +14
65 : #4a1565 : +16
67 : #4b1466 : +18
69 : #4b1367 : +20
71 : #4c1269 : +22
73 : #4c116a : +24
75 : #4d0f6b : +26
77 : #4d0e6c : +28
79 : #4d0d6e : +30
81 : #4e0c6f : +32
83 : #4e0a70 : +34
85 : #4f0971 : +36
87 : #4f0872 : +38
89 : #4f0774 : +40
91 : #500675 : +42
93 : #500476 : +44
95 : #510377 : +46
97 : #510279 : +48
99 : #51017a : +50
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #060308 : -22
4 : #0c050f : -20
6 : #120817 : -18
8 : #180a1e : -16
10 : #1e0d26 : -14
12 : #24102e : -12
14 : #2a1235 : -10
16 : #2f153d : -8
18 : #351744 : -6
20 : #3b1a4c : -4
22 : #411d54 : -2
24 : #471f5b : ±0
26 : #4d2263 : +2
28 : #53246a : +4
30 : #592772 : +6
32 : #5f2a7a : +8
34 : #652c81 : +10
36 : #6b2f89 : +12
38 : #713190 : +14
40 : #773498 : +16
42 : #7d37a0 : +18
44 : #8339a7 : +20
46 : #883caf : +22
48 : #8e3eb6 : +24
50 : #9441be : +26
52 : #9949c1 : +28
54 : #9d50c3 : +30
56 : #a158c6 : +32
58 : #a55fc8 : +34
60 : #aa67cb : +36
62 : #ae6fce : +38
64 : #b276d0 : +40
66 : #b67ed3 : +42
68 : #bb85d5 : +44
70 : #bf8dd8 : +46
72 : #c395db : +48
74 : #c89cdd : +50
76 : #cca4e0 : +52
78 : #d0abe2 : +54
80 : #d4b3e5 : +56
82 : #d9bbe8 : +58
84 : #ddc2ea : +60
86 : #e1caed : +62
88 : #e5d1ef : +64
90 : #ead9f2 : +66
92 : #eee1f5 : +68
94 : #f2e8f7 : +70
96 : #f6f0fa : +72
98 : #fbf7fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow