#861d63
RGB ( 赤 = 134, 緑 = 29, 青 = 99 )
HSL ( 色相 = 320°, 彩度 = 64%, 明度 = 32% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #861d1d : -320
10 : #862f1d : -310
20 : #86401d : -300
30 : #86521d : -290
40 : #86631d : -280
50 : #86741d : -270
60 : #86861d : -260
70 : #74861d : -250
80 : #63861d : -240
90 : #52861d : -230
100 : #40861d : -220
110 : #2f861d : -210
120 : #1d861d : -200
130 : #1d862f : -190
140 : #1d8640 : -180
150 : #1d8652 : -170
160 : #1d8663 : -160
170 : #1d8674 : -150
180 : #1d8686 : -140
190 : #1d7486 : -130
200 : #1d6386 : -120
210 : #1d5286 : -110
220 : #1d4086 : -100
230 : #1d2f86 : -90
240 : #1d1d86 : -80
250 : #2f1d86 : -70
260 : #401d86 : -60
270 : #521d86 : -50
280 : #631d86 : -40
290 : #741d86 : -30
300 : #861d86 : -20
310 : #861d74 : -10
320 : #861d63 : ±0
330 : #861d52 : +10
340 : #861d40 : +20
350 : #861d2f : +30
310 : #861d74 : -10
311 : #861d73 : -9
312 : #861d71 : -8
313 : #861d6f : -7
314 : #861d6d : -6
315 : #861d6c : -5
316 : #861d6a : -4
317 : #861d68 : -3
318 : #861d66 : -2
319 : #861d65 : -1
320 : #861d63 : ±0
321 : #861d61 : +1
322 : #861d60 : +2
323 : #861d5e : +3
324 : #861d5c : +4
325 : #861d5a : +5
326 : #861d59 : +6
327 : #861d57 : +7
328 : #861d55 : +8
329 : #861d53 : +9
330 : #861d52 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -64
2 : #535052 : -62
4 : #554e53 : -60
6 : #564d53 : -58
8 : #584b54 : -56
10 : #5a4954 : -54
12 : #5b4855 : -52
14 : #5d4655 : -50
16 : #5f4556 : -48
18 : #604356 : -46
20 : #624157 : -44
22 : #644058 : -42
24 : #653e58 : -40
26 : #673c59 : -38
28 : #683b59 : -36
30 : #6a395a : -34
32 : #6c375a : -32
34 : #6d365b : -30
36 : #6f345b : -28
38 : #71335c : -26
40 : #72315c : -24
42 : #742f5d : -22
44 : #762e5e : -20
46 : #772c5e : -18
48 : #792a5f : -16
50 : #7a295f : -14
52 : #7c2760 : -12
54 : #7e2660 : -10
56 : #7f2461 : -8
58 : #812261 : -6
60 : #832162 : -4
62 : #841f62 : -2
64 : #861d63 : ±0
66 : #871c64 : +2
68 : #891a64 : +4
70 : #8b1865 : +6
72 : #8c1765 : +8
74 : #8e1566 : +10
76 : #901466 : +12
78 : #911267 : +14
80 : #931067 : +16
82 : #950f68 : +18
84 : #960d68 : +20
86 : #980b69 : +22
88 : #990a6a : +24
90 : #9b086a : +26
92 : #9d076b : +28
94 : #9e056b : +30
96 : #a0036c : +32
98 : #a2026c : +34
100 : #a3006d : +36
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080206 : -30
4 : #11040c : -28
6 : #190613 : -26
8 : #210719 : -24
10 : #2a091f : -22
12 : #320b25 : -20
14 : #3b0d2b : -18
16 : #430f32 : -16
18 : #4b1138 : -14
20 : #54123e : -12
22 : #5c1444 : -10
24 : #64164a : -8
26 : #6d1850 : -6
28 : #751a57 : -4
30 : #7d1c5d : -2
32 : #861d63 : ±0
34 : #8e1f69 : +2
36 : #97216f : +4
38 : #9f2376 : +6
40 : #a7257c : +8
42 : #b02782 : +10
44 : #b82888 : +12
46 : #c02a8e : +14
48 : #c92c95 : +16
50 : #d12e9b : +18
52 : #d3369f : +20
54 : #d53fa3 : +22
56 : #d747a7 : +24
58 : #d84fab : +26
60 : #da58af : +28
62 : #dc60b3 : +30
64 : #de68b7 : +32
66 : #e071bb : +34
68 : #e279bf : +36
70 : #e382c3 : +38
72 : #e58ac7 : +40
74 : #e792cb : +42
76 : #e99bcf : +44
78 : #eba3d3 : +46
80 : #edabd7 : +48
82 : #eeb4db : +50
84 : #f0bcdf : +52
86 : #f2c4e3 : +54
88 : #f4cde7 : +56
90 : #f6d5eb : +58
92 : #f8deef : +60
94 : #f9e6f3 : +62
96 : #fbeef7 : +64
98 : #fdf7fb : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow