#850a6c
RGB ( 赤 = 133, 緑 = 10, 青 = 108 )
HSL ( 色相 = 312°, 彩度 = 86%, 明度 = 28% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #850e0a : -310
12 : #85230a : -300
22 : #85370a : -290
32 : #854b0a : -280
42 : #85600a : -270
52 : #85740a : -260
62 : #81850a : -250
72 : #6c850a : -240
82 : #58850a : -230
92 : #43850a : -220
102 : #2f850a : -210
112 : #1a850a : -200
122 : #0a850e : -190
132 : #0a8523 : -180
142 : #0a8537 : -170
152 : #0a854b : -160
162 : #0a8560 : -150
172 : #0a8574 : -140
182 : #0a8185 : -130
192 : #0a6c85 : -120
202 : #0a5885 : -110
212 : #0a4385 : -100
222 : #0a2f85 : -90
232 : #0a1a85 : -80
242 : #0e0a85 : -70
252 : #230a85 : -60
262 : #370a85 : -50
272 : #4b0a85 : -40
282 : #600a85 : -30
292 : #740a85 : -20
302 : #850a81 : -10
312 : #850a6c : ±0
322 : #850a58 : +10
332 : #850a43 : +20
342 : #850a2f : +30
352 : #850a1a : +40
302 : #850a81 : -10
303 : #850a7f : -9
304 : #850a7d : -8
305 : #850a7b : -7
306 : #850a79 : -6
307 : #850a76 : -5
308 : #850a74 : -4
309 : #850a72 : -3
310 : #850a70 : -2
311 : #850a6e : -1
312 : #850a6c : ±0
313 : #850a6a : +1
314 : #850a68 : +2
315 : #850a66 : +3
316 : #850a64 : +4
317 : #850a62 : +5
318 : #850a60 : +6
319 : #850a5e : +7
320 : #850a5c : +8
321 : #850a5a : +9
322 : #850a58 : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -86
2 : #494648 : -84
4 : #4a4549 : -82
6 : #4c434a : -80
8 : #4d424b : -78
10 : #4f404c : -76
12 : #503f4d : -74
14 : #513d4d : -72
16 : #533c4e : -70
18 : #543b4f : -68
20 : #563950 : -66
22 : #573851 : -64
24 : #593652 : -62
26 : #5a3553 : -60
28 : #5b3353 : -58
30 : #5d3254 : -56
32 : #5e3155 : -54
34 : #602f56 : -52
36 : #612e57 : -50
38 : #632c58 : -48
40 : #642b59 : -46
42 : #652959 : -44
44 : #67285a : -42
46 : #68275b : -40
48 : #6a255c : -38
50 : #6b245d : -36
52 : #6d225e : -34
54 : #6e215f : -32
56 : #6f1f5f : -30
58 : #711e60 : -28
60 : #721d61 : -26
62 : #741b62 : -24
64 : #751a63 : -22
66 : #771864 : -20
68 : #781765 : -18
70 : #791565 : -16
72 : #7b1466 : -14
74 : #7c1367 : -12
76 : #7e1168 : -10
78 : #7f1069 : -8
80 : #810e6a : -6
82 : #820d6b : -4
84 : #830b6b : -2
86 : #850a6c : ±0
88 : #86096d : +2
90 : #88076e : +4
92 : #89066f : +6
94 : #8b0470 : +8
96 : #8c0371 : +10
98 : #8d0171 : +12
100 : #8f0072 : +14
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #090108 : -26
4 : #13010f : -24
6 : #1c0217 : -22
8 : #26031f : -20
10 : #2f0427 : -18
12 : #39042e : -16
14 : #420536 : -14
16 : #4c063e : -12
18 : #550646 : -10
20 : #5f074d : -8
22 : #680855 : -6
24 : #72095d : -4
26 : #7b0965 : -2
28 : #850a6c : ±0
30 : #8e0b74 : +2
32 : #980b7c : +4
34 : #a10c83 : +6
36 : #ab0d8b : +8
38 : #b40e93 : +10
40 : #be0e9b : +12
42 : #c70fa2 : +14
44 : #d110aa : +16
46 : #da10b2 : +18
48 : #e411ba : +20
50 : #ed12c1 : +22
52 : #ee1bc4 : +24
54 : #ef25c6 : +26
56 : #ef2ec9 : +28
58 : #f038cb : +30
60 : #f141ce : +32
62 : #f14bd0 : +34
64 : #f254d3 : +36
66 : #f35ed5 : +38
68 : #f467d8 : +40
70 : #f471da : +42
72 : #f57adc : +44
74 : #f684df : +46
76 : #f68de1 : +48
78 : #f797e4 : +50
80 : #f8a0e6 : +52
82 : #f9aae9 : +54
84 : #f9b3eb : +56
86 : #fabdee : +58
88 : #fbc6f0 : +60
90 : #fbd0f3 : +62
92 : #fcd9f5 : +64
94 : #fde3f8 : +66
96 : #feecfa : +68
98 : #fef6fd : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow