#861d52
RGB ( 赤 = 134, 緑 = 29, 青 = 82 )
HSL ( 色相 = 330°, 彩度 = 64%, 明度 = 32% )
H : 色相 ( 330° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #861d1d : -330
10 : #862f1d : -320
20 : #86401d : -310
30 : #86521d : -300
40 : #86631d : -290
50 : #86741d : -280
60 : #86861d : -270
70 : #74861d : -260
80 : #63861d : -250
90 : #52861d : -240
100 : #40861d : -230
110 : #2f861d : -220
120 : #1d861d : -210
130 : #1d862f : -200
140 : #1d8640 : -190
150 : #1d8652 : -180
160 : #1d8663 : -170
170 : #1d8674 : -160
180 : #1d8686 : -150
190 : #1d7486 : -140
200 : #1d6386 : -130
210 : #1d5286 : -120
220 : #1d4086 : -110
230 : #1d2f86 : -100
240 : #1d1d86 : -90
250 : #2f1d86 : -80
260 : #401d86 : -70
270 : #521d86 : -60
280 : #631d86 : -50
290 : #741d86 : -40
300 : #861d86 : -30
310 : #861d74 : -20
320 : #861d63 : -10
330 : #861d52 : ±0
340 : #861d40 : +10
350 : #861d2f : +20
320 : #861d63 : -10
321 : #861d61 : -9
322 : #861d60 : -8
323 : #861d5e : -7
324 : #861d5c : -6
325 : #861d5a : -5
326 : #861d59 : -4
327 : #861d57 : -3
328 : #861d55 : -2
329 : #861d53 : -1
330 : #861d52 : ±0
331 : #861d50 : +1
332 : #861d4e : +2
333 : #861d4c : +3
334 : #861d4b : +4
335 : #861d49 : +5
336 : #861d47 : +6
337 : #861d45 : +7
338 : #861d44 : +8
339 : #861d42 : +9
340 : #861d40 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -64
2 : #535052 : -62
4 : #554e52 : -60
6 : #564d52 : -58
8 : #584b52 : -56
10 : #5a4952 : -54
12 : #5b4852 : -52
14 : #5d4652 : -50
16 : #5f4552 : -48
18 : #604352 : -46
20 : #624152 : -44
22 : #644052 : -42
24 : #653e52 : -40
26 : #673c52 : -38
28 : #683b52 : -36
30 : #6a3952 : -34
32 : #6c3752 : -32
34 : #6d3652 : -30
36 : #6f3452 : -28
38 : #713352 : -26
40 : #723152 : -24
42 : #742f52 : -22
44 : #762e52 : -20
46 : #772c52 : -18
48 : #792a52 : -16
50 : #7a2952 : -14
52 : #7c2752 : -12
54 : #7e2652 : -10
56 : #7f2452 : -8
58 : #812252 : -6
60 : #832152 : -4
62 : #841f52 : -2
64 : #861d52 : ±0
66 : #871c52 : +2
68 : #891a52 : +4
70 : #8b1852 : +6
72 : #8c1752 : +8
74 : #8e1552 : +10
76 : #901452 : +12
78 : #911252 : +14
80 : #931052 : +16
82 : #950f52 : +18
84 : #960d52 : +20
86 : #980b52 : +22
88 : #990a52 : +24
90 : #9b0852 : +26
92 : #9d0752 : +28
94 : #9e0552 : +30
96 : #a00352 : +32
98 : #a20252 : +34
100 : #a30052 : +36
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080205 : -30
4 : #11040a : -28
6 : #19060f : -26
8 : #210714 : -24
10 : #2a091a : -22
12 : #320b1f : -20
14 : #3b0d24 : -18
16 : #430f29 : -16
18 : #4b112e : -14
20 : #541233 : -12
22 : #5c1438 : -10
24 : #64163d : -8
26 : #6d1842 : -6
28 : #751a47 : -4
30 : #7d1c4d : -2
32 : #861d52 : ±0
34 : #8e1f57 : +2
36 : #97215c : +4
38 : #9f2361 : +6
40 : #a72566 : +8
42 : #b0276b : +10
44 : #b82870 : +12
46 : #c02a75 : +14
48 : #c92c7a : +16
50 : #d12e80 : +18
52 : #d33685 : +20
54 : #d53f8a : +22
56 : #d7478f : +24
58 : #d84f94 : +26
60 : #da5899 : +28
62 : #dc609e : +30
64 : #de68a3 : +32
66 : #e071a8 : +34
68 : #e279ad : +36
70 : #e382b3 : +38
72 : #e58ab8 : +40
74 : #e792bd : +42
76 : #e99bc2 : +44
78 : #eba3c7 : +46
80 : #edabcc : +48
82 : #eeb4d1 : +50
84 : #f0bcd6 : +52
86 : #f2c4db : +54
88 : #f4cde0 : +56
90 : #f6d5e6 : +58
92 : #f8deeb : +60
94 : #f9e6f0 : +62
96 : #fbeef5 : +64
98 : #fdf7fa : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow