#8a123a
RGB ( 赤 = 138, 緑 = 18, 青 = 58 )
HSL ( 色相 = 340°, 彩度 = 77%, 明度 = 31% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8c1212 : -340
10 : #8c2612 : -330
20 : #8c3b12 : -320
30 : #8c4f12 : -310
40 : #8c6312 : -300
50 : #8c7812 : -290
60 : #8c8c12 : -280
70 : #788c12 : -270
80 : #638c12 : -260
90 : #4f8c12 : -250
100 : #3b8c12 : -240
110 : #268c12 : -230
120 : #128c12 : -220
130 : #128c26 : -210
140 : #128c3b : -200
150 : #128c4f : -190
160 : #128c63 : -180
170 : #128c78 : -170
180 : #128c8c : -160
190 : #12788c : -150
200 : #12638c : -140
210 : #124f8c : -130
220 : #123b8c : -120
230 : #12268c : -110
240 : #12128c : -100
250 : #26128c : -90
260 : #3b128c : -80
270 : #4f128c : -70
280 : #63128c : -60
290 : #78128c : -50
300 : #8c128c : -40
310 : #8c1278 : -30
320 : #8c1263 : -20
330 : #8c124f : -10
340 : #8c123b : ±0
350 : #8c1226 : +10
330 : #8c124f : -10
331 : #8c124d : -9
332 : #8c124b : -8
333 : #8c1249 : -7
334 : #8c1247 : -6
335 : #8c1245 : -5
336 : #8c1243 : -4
337 : #8c1241 : -3
338 : #8c123f : -2
339 : #8c123d : -1
340 : #8c123b : ±0
341 : #8c1239 : +1
342 : #8c1237 : +2
343 : #8c1235 : +3
344 : #8c1233 : +4
345 : #8c1231 : +5
346 : #8c122f : +6
347 : #8c122d : +7
348 : #8c122b : +8
349 : #8c1228 : +9
350 : #8c1226 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -76
3 : #514d4e : -74
5 : #534b4e : -72
7 : #554a4d : -70
9 : #56484d : -68
11 : #58464c : -66
13 : #59454c : -64
15 : #5b434b : -62
17 : #5c424b : -60
19 : #5e404a : -58
21 : #603e4a : -56
23 : #613d49 : -54
25 : #633b48 : -52
27 : #643a48 : -50
29 : #663847 : -48
31 : #683747 : -46
33 : #693546 : -44
35 : #6b3346 : -42
37 : #6c3245 : -40
39 : #6e3045 : -38
41 : #6f2f44 : -36
43 : #712d44 : -34
45 : #732b43 : -32
47 : #742a43 : -30
49 : #762842 : -28
51 : #772742 : -26
53 : #792541 : -24
55 : #7b2441 : -22
57 : #7c2240 : -20
59 : #7e2040 : -18
61 : #7f1f3f : -16
63 : #811d3e : -14
65 : #821c3e : -12
67 : #841a3d : -10
69 : #86193d : -8
71 : #87173c : -6
73 : #89153c : -4
75 : #8a143b : -2
77 : #8c123b : ±0
79 : #8d113a : +2
81 : #8f0f3a : +4
83 : #910d39 : +6
85 : #920c39 : +8
87 : #940a38 : +10
89 : #950938 : +12
91 : #970737 : +14
93 : #990637 : +16
95 : #9a0436 : +18
97 : #9c0235 : +20
99 : #9d0135 : +22
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #050102 : -30
3 : #0e0206 : -28
5 : #170309 : -26
7 : #20040d : -24
9 : #290511 : -22
11 : #320615 : -20
13 : #3b0819 : -18
15 : #44091c : -16
17 : #4d0a20 : -14
19 : #560b24 : -12
21 : #5f0c28 : -10
23 : #680d2c : -8
25 : #710f2f : -6
27 : #7a1033 : -4
29 : #831137 : -2
31 : #8c123b : ±0
33 : #95133f : +2
35 : #9e1542 : +4
37 : #a71646 : +6
39 : #b0174a : +8
41 : #b9184e : +10
43 : #c21952 : +12
45 : #cb1a55 : +14
47 : #d41c59 : +16
49 : #dd1d5d : +18
51 : #e22262 : +20
53 : #e32b68 : +22
55 : #e5346f : +24
57 : #e63d75 : +26
59 : #e7467c : +28
61 : #e84f82 : +30
63 : #e95888 : +32
65 : #ea618f : +34
67 : #ec6a95 : +36
69 : #ed739c : +38
71 : #ee7ca2 : +40
73 : #ef85a8 : +42
75 : #f08eaf : +44
77 : #f297b5 : +46
79 : #f3a0bc : +48
81 : #f4a9c2 : +50
83 : #f5b2c9 : +52
85 : #f6bbcf : +54
87 : #f7c4d5 : +56
89 : #f9cddc : +58
91 : #fad6e2 : +60
93 : #fbdfe9 : +62
95 : #fce8ef : +64
97 : #fdf1f5 : +66
99 : #fefafc : +68
CSS入門、作ってます。
text-shadow