#8a240f
RGB ( 赤 = 138, 緑 = 36, 青 = 15 )
HSL ( 色相 = 10°, 彩度 = 80%, 明度 = 30% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8a0f0f : -10
10 : #8a240f : ±0
20 : #8a380f : +10
30 : #8a4d0f : +20
40 : #8a610f : +30
50 : #8a750f : +40
60 : #8a8a0f : +50
70 : #758a0f : +60
80 : #618a0f : +70
90 : #4d8a0f : +80
100 : #388a0f : +90
110 : #248a0f : +100
120 : #0f8a0f : +110
130 : #0f8a24 : +120
140 : #0f8a38 : +130
150 : #0f8a4d : +140
160 : #0f8a61 : +150
170 : #0f8a75 : +160
180 : #0f8a8a : +170
190 : #0f758a : +180
200 : #0f618a : +190
210 : #0f4d8a : +200
220 : #0f388a : +210
230 : #0f248a : +220
240 : #0f0f8a : +230
250 : #240f8a : +240
260 : #380f8a : +250
270 : #4d0f8a : +260
280 : #610f8a : +270
290 : #750f8a : +280
300 : #8a0f8a : +290
310 : #8a0f75 : +300
320 : #8a0f61 : +310
330 : #8a0f4d : +320
340 : #8a0f38 : +330
350 : #8a0f24 : +340
0 : #8a0f0f : -10
1 : #8a110f : -9
2 : #8a130f : -8
3 : #8a150f : -7
4 : #8a170f : -6
5 : #8a1a0f : -5
6 : #8a1c0f : -4
7 : #8a1e0f : -3
8 : #8a200f : -2
9 : #8a220f : -1
10 : #8a240f : ±0
11 : #8a260f : +1
12 : #8a280f : +2
13 : #8a2a0f : +3
14 : #8a2c0f : +4
15 : #8a2e0f : +5
16 : #8a300f : +6
17 : #8a320f : +7
18 : #8a340f : +8
19 : #8a360f : +9
20 : #8a380f : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -80
2 : #4e4b4b : -78
4 : #504a49 : -76
6 : #514948 : -74
8 : #534846 : -72
10 : #544745 : -70
12 : #564643 : -68
14 : #574542 : -66
16 : #594440 : -64
18 : #5a433f : -62
20 : #5c423d : -60
22 : #5d413c : -58
24 : #5f403a : -56
26 : #603f39 : -54
28 : #623e37 : -52
30 : #633d36 : -50
32 : #653c34 : -48
34 : #673b32 : -46
36 : #683a31 : -44
38 : #6a392f : -42
40 : #6b382e : -40
42 : #6d372c : -38
44 : #6e362b : -36
46 : #703529 : -34
48 : #713428 : -32
50 : #733326 : -30
52 : #743225 : -28
54 : #763123 : -26
56 : #773022 : -24
58 : #792f20 : -22
60 : #7a2e1f : -20
62 : #7c2d1d : -18
64 : #7d2c1c : -16
66 : #7f2b1a : -14
68 : #812a18 : -12
70 : #822917 : -10
72 : #842815 : -8
74 : #852714 : -6
76 : #872612 : -4
78 : #882511 : -2
80 : #8a240f : ±0
82 : #8b230e : +2
84 : #8d220c : +4
86 : #8e210b : +6
88 : #902009 : +8
90 : #911f08 : +10
92 : #931e06 : +12
94 : #941d05 : +14
96 : #961c03 : +16
98 : #971b02 : +18
100 : #991a00 : +20
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #090201 : -28
4 : #120502 : -26
6 : #1c0703 : -24
8 : #250a04 : -22
10 : #2e0c05 : -20
12 : #370e06 : -18
14 : #401107 : -16
16 : #491308 : -14
18 : #531509 : -12
20 : #5c180a : -10
22 : #651a0b : -8
24 : #6e1d0c : -6
26 : #771f0d : -4
28 : #81210e : -2
30 : #8a240f : ±0
32 : #932610 : +2
34 : #9c2811 : +4
36 : #a52b12 : +6
38 : #ae2d13 : +8
40 : #b83014 : +10
42 : #c13215 : +12
44 : #ca3416 : +14
46 : #d33717 : +16
48 : #dc3918 : +18
50 : #e63c1a : +20
52 : #e74323 : +22
54 : #e84b2c : +24
56 : #e95335 : +26
58 : #ea5b3e : +28
60 : #eb6347 : +30
62 : #ec6a51 : +32
64 : #ed725a : +34
66 : #ee7a63 : +36
68 : #ef826c : +38
70 : #f08a75 : +40
72 : #f1927e : +42
74 : #f29988 : +44
76 : #f3a191 : +46
78 : #f4a99a : +48
80 : #f5b1a3 : +50
82 : #f6b9ac : +52
84 : #f7c0b6 : +54
86 : #f8c8bf : +56
88 : #f9d0c8 : +58
90 : #fad8d1 : +60
92 : #fbe0da : +62
94 : #fce8e3 : +64
96 : #fdefed : +66
98 : #fef7f6 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow