#470c83
RGB ( 赤 = 71, 緑 = 12, 青 = 131 )
HSL ( 色相 = 270°, 彩度 = 83%, 明度 = 28% )
H : 色相 ( 270° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #830c0c : -270
10 : #83200c : -260
20 : #83340c : -250
30 : #83470c : -240
40 : #835b0c : -230
50 : #836f0c : -220
60 : #83830c : -210
70 : #6f830c : -200
80 : #5b830c : -190
90 : #47830c : -180
100 : #34830c : -170
110 : #20830c : -160
120 : #0c830c : -150
130 : #0c8320 : -140
140 : #0c8334 : -130
150 : #0c8347 : -120
160 : #0c835b : -110
170 : #0c836f : -100
180 : #0c8383 : -90
190 : #0c6f83 : -80
200 : #0c5b83 : -70
210 : #0c4783 : -60
220 : #0c3483 : -50
230 : #0c2083 : -40
240 : #0c0c83 : -30
250 : #200c83 : -20
260 : #340c83 : -10
270 : #470c83 : ±0
280 : #5b0c83 : +10
290 : #6f0c83 : +20
300 : #830c83 : +30
310 : #830c6f : +40
320 : #830c5b : +50
330 : #830c47 : +60
340 : #830c34 : +70
350 : #830c20 : +80
260 : #340c83 : -10
261 : #360c83 : -9
262 : #380c83 : -8
263 : #3a0c83 : -7
264 : #3c0c83 : -6
265 : #3e0c83 : -5
266 : #3f0c83 : -4
267 : #410c83 : -3
268 : #430c83 : -2
269 : #450c83 : -1
270 : #470c83 : ±0
271 : #490c83 : +1
272 : #4b0c83 : +2
273 : #4d0c83 : +3
274 : #4f0c83 : +4
275 : #510c83 : +5
276 : #530c83 : +6
277 : #550c83 : +7
278 : #570c83 : +8
279 : #590c83 : +9
280 : #5b0c83 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #474748 : -82
3 : #47454a : -80
5 : #47444b : -78
7 : #47424c : -76
9 : #47414e : -74
11 : #47404f : -72
13 : #473e51 : -70
15 : #473d52 : -68
17 : #473b54 : -66
19 : #473a55 : -64
21 : #473856 : -62
23 : #473758 : -60
25 : #473659 : -58
27 : #47345b : -56
29 : #47335c : -54
31 : #47315e : -52
33 : #47305f : -50
35 : #472e60 : -48
37 : #472d62 : -46
39 : #472c63 : -44
41 : #472a65 : -42
43 : #472966 : -40
45 : #472768 : -38
47 : #472669 : -36
49 : #47246a : -34
51 : #47236c : -32
53 : #47226d : -30
55 : #47206f : -28
57 : #471f70 : -26
59 : #471d72 : -24
61 : #471c73 : -22
63 : #471a74 : -20
65 : #471976 : -18
67 : #471877 : -16
69 : #471679 : -14
71 : #47157a : -12
73 : #47137c : -10
75 : #47127d : -8
77 : #47107e : -6
79 : #470f80 : -4
81 : #470e81 : -2
83 : #470c83 : ±0
85 : #470b84 : +2
87 : #470986 : +4
89 : #470887 : +6
91 : #470688 : +8
93 : #47058a : +10
95 : #47048b : +12
97 : #47028d : +14
99 : #47018e : +16
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #050109 : -26
4 : #0a0213 : -24
6 : #0f031c : -22
8 : #140325 : -20
10 : #1a042f : -18
12 : #1f0538 : -16
14 : #240641 : -14
16 : #29074b : -12
18 : #2e0854 : -10
20 : #33095d : -8
22 : #380a67 : -6
24 : #3d0a70 : -4
26 : #420b79 : -2
28 : #470c83 : ±0
30 : #4d0d8c : +2
32 : #520e95 : +4
34 : #570f9f : +6
36 : #5c10a8 : +8
38 : #6110b1 : +10
40 : #6611bb : +12
42 : #6b12c4 : +14
44 : #7013cd : +16
46 : #7514d7 : +18
48 : #7a15e0 : +20
50 : #8016e9 : +22
52 : #851fea : +24
54 : #8a28eb : +26
56 : #8f32ec : +28
58 : #943bed : +30
60 : #9944ee : +32
62 : #9e4eef : +34
64 : #a357ef : +36
66 : #a860f0 : +38
68 : #ad6af1 : +40
70 : #b373f2 : +42
72 : #b87cf3 : +44
74 : #bd86f4 : +46
76 : #c28ff5 : +48
78 : #c798f5 : +50
80 : #cca2f6 : +52
82 : #d1abf7 : +54
84 : #d6b4f8 : +56
86 : #dbbef9 : +58
88 : #e0c7fa : +60
90 : #e6d0fb : +62
92 : #ebdafc : +64
94 : #f0e3fc : +66
96 : #f5ecfd : +68
98 : #faf6fe : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow