#850f71
RGB ( 赤 = 133, 緑 = 15, 青 = 113 )
HSL ( 色相 = 310°, 彩度 = 80%, 明度 = 29% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #850f0f : -310
10 : #85230f : -300
20 : #85360f : -290
30 : #854a0f : -280
40 : #855e0f : -270
50 : #85710f : -260
60 : #85850f : -250
70 : #71850f : -240
80 : #5e850f : -230
90 : #4a850f : -220
100 : #36850f : -210
110 : #23850f : -200
120 : #0f850f : -190
130 : #0f8523 : -180
140 : #0f8536 : -170
150 : #0f854a : -160
160 : #0f855e : -150
170 : #0f8571 : -140
180 : #0f8585 : -130
190 : #0f7185 : -120
200 : #0f5e85 : -110
210 : #0f4a85 : -100
220 : #0f3685 : -90
230 : #0f2385 : -80
240 : #0f0f85 : -70
250 : #230f85 : -60
260 : #360f85 : -50
270 : #4a0f85 : -40
280 : #5e0f85 : -30
290 : #710f85 : -20
300 : #850f85 : -10
310 : #850f71 : ±0
320 : #850f5e : +10
330 : #850f4a : +20
340 : #850f36 : +30
350 : #850f23 : +40
300 : #850f85 : -10
301 : #850f83 : -9
302 : #850f81 : -8
303 : #850f7f : -7
304 : #850f7d : -6
305 : #850f7b : -5
306 : #850f79 : -4
307 : #850f77 : -3
308 : #850f75 : -2
309 : #850f73 : -1
310 : #850f71 : ±0
311 : #850f6f : +1
312 : #850f6d : +2
313 : #850f6b : +3
314 : #850f6a : +4
315 : #850f68 : +5
316 : #850f66 : +6
317 : #850f64 : +7
318 : #850f62 : +8
319 : #850f60 : +9
320 : #850f5e : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -80
2 : #4b484b : -78
4 : #4d474c : -76
6 : #4e464d : -74
8 : #50444e : -72
10 : #51434f : -70
12 : #534150 : -68
14 : #544051 : -66
16 : #563e52 : -64
18 : #573d53 : -62
20 : #593b54 : -60
22 : #5a3a55 : -58
24 : #5c3856 : -56
26 : #5d3757 : -54
28 : #5f3558 : -52
30 : #603459 : -50
32 : #62325a : -48
34 : #63315b : -46
36 : #652f5c : -44
38 : #662e5d : -42
40 : #682c5e : -40
42 : #692b5f : -38
44 : #6a2960 : -36
46 : #6c2861 : -34
48 : #6d2662 : -32
50 : #6f2563 : -30
52 : #702364 : -28
54 : #722265 : -26
56 : #732166 : -24
58 : #751f67 : -22
60 : #761e68 : -20
62 : #781c69 : -18
64 : #791b6a : -16
66 : #7b196a : -14
68 : #7c186b : -12
70 : #7e166c : -10
72 : #7f156d : -8
74 : #81136e : -6
76 : #82126f : -4
78 : #841070 : -2
80 : #850f71 : ±0
82 : #870d72 : +2
84 : #880c73 : +4
86 : #8a0a74 : +6
88 : #8b0975 : +8
90 : #8d0776 : +10
92 : #8e0677 : +12
94 : #8f0478 : +14
96 : #910379 : +16
98 : #92017a : +18
100 : #94007b : +20
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #050104 : -28
3 : #0e020c : -26
5 : #170314 : -24
7 : #20041b : -22
9 : #290523 : -20
11 : #32062b : -18
13 : #3c0733 : -16
15 : #45083b : -14
17 : #4e0942 : -12
19 : #570a4a : -10
21 : #600b52 : -8
23 : #6a0c5a : -6
25 : #730d62 : -4
27 : #7c0e6a : -2
29 : #850f71 : ±0
31 : #8e1079 : +2
33 : #971181 : +4
35 : #a11289 : +6
37 : #aa1391 : +8
39 : #b31498 : +10
41 : #bc15a0 : +12
43 : #c516a8 : +14
45 : #cf17b0 : +16
47 : #d818b8 : +18
49 : #e119c0 : +20
51 : #e61ec5 : +22
53 : #e727c7 : +24
55 : #e830c9 : +26
57 : #e93acc : +28
59 : #ea43ce : +30
61 : #eb4cd1 : +32
63 : #ec55d3 : +34
65 : #ed5ed5 : +36
67 : #ee68d8 : +38
69 : #ef71da : +40
71 : #f07adc : +42
73 : #f183df : +44
75 : #f28ce1 : +46
77 : #f395e4 : +48
79 : #f49fe6 : +50
81 : #f5a8e8 : +52
83 : #f6b1eb : +54
85 : #f7baed : +56
87 : #f8c3f0 : +58
89 : #f9cdf2 : +60
91 : #fad6f4 : +62
93 : #fbdff7 : +64
95 : #fce8f9 : +66
97 : #fdf1fb : +68
99 : #fefafe : +70
CSS入門、作ってます。
text-shadow