#8c0331
RGB ( 赤 = 140, 緑 = 3, 青 = 49 )
HSL ( 色相 = 340°, 彩度 = 96%, 明度 = 28% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8c0303 : -340
10 : #8c1a03 : -330
20 : #8c3103 : -320
30 : #8c4703 : -310
40 : #8c5e03 : -300
50 : #8c7503 : -290
60 : #8c8c03 : -280
70 : #758c03 : -270
80 : #5e8c03 : -260
90 : #478c03 : -250
100 : #318c03 : -240
110 : #1a8c03 : -230
120 : #038c03 : -220
130 : #038c1a : -210
140 : #038c31 : -200
150 : #038c47 : -190
160 : #038c5e : -180
170 : #038c75 : -170
180 : #038c8c : -160
190 : #03758c : -150
200 : #035e8c : -140
210 : #03478c : -130
220 : #03318c : -120
230 : #031a8c : -110
240 : #03038c : -100
250 : #1a038c : -90
260 : #31038c : -80
270 : #47038c : -70
280 : #5e038c : -60
290 : #75038c : -50
300 : #8c038c : -40
310 : #8c0375 : -30
320 : #8c035e : -20
330 : #8c0347 : -10
340 : #8c0331 : ±0
350 : #8c031a : +10
330 : #8c0347 : -10
331 : #8c0345 : -9
332 : #8c0343 : -8
333 : #8c0341 : -7
334 : #8c033e : -6
335 : #8c033c : -5
336 : #8c033a : -4
337 : #8c0337 : -3
338 : #8c0335 : -2
339 : #8c0333 : -1
340 : #8c0331 : ±0
341 : #8c032e : +1
342 : #8c032c : +2
343 : #8c032a : +3
344 : #8c0327 : +4
345 : #8c0325 : +5
346 : #8c0323 : +6
347 : #8c0321 : +7
348 : #8c031e : +8
349 : #8c031c : +9
350 : #8c031a : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -96
2 : #494647 : -94
4 : #4a4546 : -92
6 : #4c4346 : -90
8 : #4d4245 : -88
10 : #4f4045 : -86
12 : #503f45 : -84
14 : #513d44 : -82
16 : #533c44 : -80
18 : #543b43 : -78
20 : #563943 : -76
22 : #573842 : -74
24 : #593642 : -72
26 : #5a3541 : -70
28 : #5b3341 : -68
30 : #5d3240 : -66
32 : #5e3140 : -64
34 : #602f3f : -62
36 : #612e3f : -60
38 : #632c3e : -58
40 : #642b3e : -56
42 : #65293d : -54
44 : #67283d : -52
46 : #68273c : -50
48 : #6a253c : -48
50 : #6b243c : -46
52 : #6d223b : -44
54 : #6e213b : -42
56 : #6f1f3a : -40
58 : #711e3a : -38
60 : #721d39 : -36
62 : #741b39 : -34
64 : #751a38 : -32
66 : #771838 : -30
68 : #781737 : -28
70 : #791537 : -26
72 : #7b1436 : -24
74 : #7c1336 : -22
76 : #7e1135 : -20
78 : #7f1035 : -18
80 : #810e34 : -16
82 : #820d34 : -14
84 : #830b33 : -12
86 : #850a33 : -10
88 : #860932 : -8
90 : #880732 : -6
92 : #890632 : -4
94 : #8b0431 : -2
96 : #8c0331 : ±0
98 : #8d0130 : +2
100 : #8f0030 : +4
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #0a0003 : -26
4 : #140007 : -24
6 : #1e010a : -22
8 : #28010e : -20
10 : #320111 : -18
12 : #3c0115 : -16
14 : #460118 : -14
16 : #50021c : -12
18 : #5a021f : -10
20 : #640223 : -8
22 : #6e0226 : -6
24 : #78022a : -4
26 : #82032d : -2
28 : #8c0331 : ±0
30 : #960334 : +2
32 : #a00337 : +4
34 : #aa033b : +6
36 : #b4043e : +8
38 : #be0442 : +10
40 : #c80445 : +12
42 : #d20449 : +14
44 : #dc044c : +16
46 : #e60550 : +18
48 : #f00553 : +20
50 : #fa0557 : +22
52 : #fa0f5d : +24
54 : #fa1964 : +26
56 : #fb236b : +28
58 : #fb2d72 : +30
60 : #fb3778 : +32
62 : #fb417f : +34
64 : #fb4b86 : +36
66 : #fc558d : +38
68 : #fc5f93 : +40
70 : #fc699a : +42
72 : #fc73a1 : +44
74 : #fc7da7 : +46
76 : #fd87ae : +48
78 : #fd91b5 : +50
80 : #fd9bbc : +52
82 : #fda5c2 : +54
84 : #fdafc9 : +56
86 : #feb9d0 : +58
88 : #fec3d7 : +60
90 : #fecddd : +62
92 : #fed7e4 : +64
94 : #fee1eb : +66
96 : #ffebf2 : +68
98 : #fff5f8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow