#8a2814
RGB ( 赤 = 138, 緑 = 40, 青 = 20 )
HSL ( 色相 = 10°, 彩度 = 75%, 明度 = 31% )
H : 色相 ( 10° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #8a1414 : -10
10 : #8a2814 : ±0
20 : #8a3b14 : +10
30 : #8a4f14 : +20
40 : #8a6314 : +30
50 : #8a7714 : +40
60 : #8a8a14 : +50
70 : #778a14 : +60
80 : #638a14 : +70
90 : #4f8a14 : +80
100 : #3b8a14 : +90
110 : #288a14 : +100
120 : #148a14 : +110
130 : #148a28 : +120
140 : #148a3b : +130
150 : #148a4f : +140
160 : #148a63 : +150
170 : #148a77 : +160
180 : #148a8a : +170
190 : #14778a : +180
200 : #14638a : +190
210 : #144f8a : +200
220 : #143b8a : +210
230 : #14288a : +220
240 : #14148a : +230
250 : #28148a : +240
260 : #3b148a : +250
270 : #4f148a : +260
280 : #63148a : +270
290 : #77148a : +280
300 : #8a148a : +290
310 : #8a1477 : +300
320 : #8a1463 : +310
330 : #8a144f : +320
340 : #8a143b : +330
350 : #8a1428 : +340
0 : #8a1414 : -10
1 : #8a1614 : -9
2 : #8a1814 : -8
3 : #8a1a14 : -7
4 : #8a1c14 : -6
5 : #8a1e14 : -5
6 : #8a2014 : -4
7 : #8a2214 : -3
8 : #8a2414 : -2
9 : #8a2614 : -1
10 : #8a2814 : ±0
11 : #8a2a14 : +1
12 : #8a2b14 : +2
13 : #8a2d14 : +3
14 : #8a2f14 : +4
15 : #8a3114 : +5
16 : #8a3314 : +6
17 : #8a3514 : +7
18 : #8a3714 : +8
19 : #8a3914 : +9
20 : #8a3b14 : +10
S : 彩度 ( 75% )
(0%) 渋い ～ 鮮やか (100%)
1 : #504f4e : -74
3 : #514d4d : -72
5 : #534c4b : -70
7 : #554b4a : -68
9 : #564a48 : -66
11 : #584946 : -64
13 : #594845 : -62
15 : #5b4743 : -60
17 : #5c4642 : -58
19 : #5e4540 : -56
21 : #60443e : -54
23 : #61433d : -52
25 : #63423b : -50
27 : #64413a : -48
29 : #664038 : -46
31 : #683f37 : -44
33 : #693e35 : -42
35 : #6b3d33 : -40
37 : #6c3c32 : -38
39 : #6e3a30 : -36
41 : #6f392f : -34
43 : #71382d : -32
45 : #73372b : -30
47 : #74362a : -28
49 : #763528 : -26
51 : #773427 : -24
53 : #793325 : -22
55 : #7b3224 : -20
57 : #7c3122 : -18
59 : #7e3020 : -16
61 : #7f2f1f : -14
63 : #812e1d : -12
65 : #822d1c : -10
67 : #842c1a : -8
69 : #862b19 : -6
71 : #872a17 : -4
73 : #892915 : -2
75 : #8a2814 : ±0
77 : #8c2612 : +2
79 : #8d2511 : +4
81 : #8f240f : +6
83 : #91230d : +8
85 : #92220c : +10
87 : #94210a : +12
89 : #952009 : +14
91 : #971f07 : +16
93 : #991e06 : +18
95 : #9a1d04 : +20
97 : #9c1c02 : +22
99 : #9d1b01 : +24
L : 明度 ( 31% )
(0%) 暗い ～ 明るい (100%)
1 : #040101 : -30
3 : #0d0402 : -28
5 : #160603 : -26
7 : #1f0904 : -24
9 : #280b06 : -22
11 : #310e07 : -20
13 : #3a1108 : -18
15 : #43130a : -16
17 : #4c160b : -14
19 : #55180c : -12
21 : #5e1b0d : -10
23 : #671d0f : -8
25 : #702010 : -6
27 : #782211 : -4
29 : #812512 : -2
31 : #8a2814 : ±0
33 : #932a15 : +2
35 : #9c2d16 : +4
37 : #a52f18 : +6
39 : #ae3219 : +8
41 : #b7341a : +10
43 : #c0371b : +12
45 : #c9391d : +14
47 : #d23c1e : +16
49 : #db3e1f : +18
51 : #e04424 : +20
53 : #e14b2d : +22
55 : #e25336 : +24
57 : #e45b3f : +26
59 : #e56248 : +28
61 : #e66a51 : +30
63 : #e7715a : +32
65 : #e97963 : +34
67 : #ea816c : +36
69 : #eb8875 : +38
71 : #ed907e : +40
73 : #ee9887 : +42
75 : #ef9f8f : +44
77 : #f0a798 : +46
79 : #f2afa1 : +48
81 : #f3b6aa : +50
83 : #f4beb3 : +52
85 : #f5c6bc : +54
87 : #f7cdc5 : +56
89 : #f8d5ce : +58
91 : #f9ddd7 : +60
93 : #fbe4e0 : +62
95 : #fcece9 : +64
97 : #fdf4f2 : +66
99 : #fefbfb : +68
CSS入門、作ってます。
text-shadow