#8a2422
RGB ( 赤 = 138, 緑 = 36, 青 = 34 )
HSL ( 色相 = 1°, 彩度 = 60%, 明度 = 34% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8b2423 : ±0
11 : #8b3623 : +10
21 : #8b4723 : +20
31 : #8b5823 : +30
41 : #8b6a23 : +40
51 : #8b7b23 : +50
61 : #898b23 : +60
71 : #788b23 : +70
81 : #668b23 : +80
91 : #558b23 : +90
101 : #448b23 : +100
111 : #328b23 : +110
121 : #238b24 : +120
131 : #238b36 : +130
141 : #238b47 : +140
151 : #238b58 : +150
161 : #238b6a : +160
171 : #238b7b : +170
181 : #23898b : +180
191 : #23788b : +190
201 : #23668b : +200
211 : #23558b : +210
221 : #23448b : +220
231 : #23328b : +230
241 : #24238b : +240
251 : #36238b : +250
261 : #47238b : +260
271 : #58238b : +270
281 : #6a238b : +280
291 : #7b238b : +290
301 : #8b2389 : +300
311 : #8b2378 : +310
321 : #8b2366 : +320
331 : #8b2355 : +330
341 : #8b2344 : +340
351 : #8b2332 : +350
351 : #8b2332 : +350
352 : #8b2331 : +351
353 : #8b232f : +352
354 : #8b232d : +353
355 : #8b232b : +354
356 : #8b232a : +355
357 : #8b2328 : +356
358 : #8b2326 : +357
359 : #8b2324 : +358
0 : #8b2323 : -1
1 : #8b2423 : ±0
2 : #8b2623 : +1
3 : #8b2823 : +2
4 : #8b2a23 : +3
5 : #8b2b23 : +4
6 : #8b2d23 : +5
7 : #8b2f23 : +6
8 : #8b3123 : +7
9 : #8b3223 : +8
10 : #8b3423 : +9
11 : #8b3623 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -60
2 : #585555 : -58
4 : #5a5353 : -56
6 : #5c5251 : -54
8 : #5e5050 : -52
10 : #5f4e4e : -50
12 : #614d4c : -48
14 : #634b4b : -46
16 : #654949 : -44
18 : #664847 : -42
20 : #684645 : -40
22 : #6a4444 : -38
24 : #6c4342 : -36
26 : #6d4140 : -34
28 : #6f3f3e : -32
30 : #713e3d : -30
32 : #723c3b : -28
34 : #743a39 : -26
36 : #763937 : -24
38 : #783736 : -22
40 : #793534 : -20
42 : #7b3332 : -18
44 : #7d3231 : -16
46 : #7f302f : -14
48 : #802e2d : -12
50 : #822d2b : -10
52 : #842b2a : -8
54 : #862928 : -6
56 : #872826 : -4
58 : #892624 : -2
60 : #8b2423 : ±0
62 : #8c2321 : +2
64 : #8e211f : +4
66 : #901f1d : +6
68 : #921e1c : +8
70 : #931c1a : +10
72 : #951a18 : +12
74 : #971917 : +14
76 : #991715 : +16
78 : #9a1513 : +18
80 : #9c1411 : +20
82 : #9e1210 : +22
84 : #a0100e : +24
86 : #a10f0c : +26
88 : #a30d0a : +28
90 : #a50b09 : +30
92 : #a60a07 : +32
94 : #a80805 : +34
96 : #aa0603 : +36
98 : #ac0502 : +38
100 : #ad0300 : +40
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #080202 : -32
4 : #100404 : -30
6 : #180606 : -28
8 : #210908 : -26
10 : #290b0a : -24
12 : #310d0c : -22
14 : #390f0e : -20
16 : #411110 : -18
18 : #491312 : -16
20 : #521514 : -14
22 : #5a1816 : -12
24 : #621a18 : -10
26 : #6a1c1b : -8
28 : #721e1d : -6
30 : #7a201f : -4
32 : #832221 : -2
34 : #8b2423 : ±0
36 : #932725 : +2
38 : #9b2927 : +4
40 : #a32b29 : +6
42 : #ab2d2b : +8
44 : #b42f2d : +10
46 : #bc312f : +12
48 : #c43331 : +14
50 : #cc3633 : +16
52 : #ce3e3b : +18
54 : #d04643 : +20
56 : #d24e4b : +22
58 : #d45654 : +24
60 : #d65e5c : +26
62 : #d86664 : +28
64 : #da6e6c : +30
66 : #dc7674 : +32
68 : #de7e7c : +34
70 : #e08685 : +36
72 : #e28e8d : +38
74 : #e49695 : +40
76 : #e79e9d : +42
78 : #e9a6a5 : +44
80 : #ebaead : +46
82 : #edb6b6 : +48
84 : #efbfbe : +50
86 : #f1c7c6 : +52
88 : #f3cfce : +54
90 : #f5d7d6 : +56
92 : #f7dfde : +58
94 : #f9e7e7 : +60
96 : #fbefef : +62
98 : #fdf7f7 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow