#8a271e
RGB ( 赤 = 138, 緑 = 39, 青 = 30 )
HSL ( 色相 = 5°, 彩度 = 64%, 明度 = 33% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8a271e : ±0
15 : #8a391e : +10
25 : #8a4b1e : +20
35 : #8a5d1e : +30
45 : #8a6f1e : +40
55 : #8a811e : +50
65 : #818a1e : +60
75 : #6f8a1e : +70
85 : #5d8a1e : +80
95 : #4b8a1e : +90
105 : #398a1e : +100
115 : #278a1e : +110
125 : #1e8a27 : +120
135 : #1e8a39 : +130
145 : #1e8a4b : +140
155 : #1e8a5d : +150
165 : #1e8a6f : +160
175 : #1e8a81 : +170
185 : #1e818a : +180
195 : #1e6f8a : +190
205 : #1e5d8a : +200
215 : #1e4b8a : +210
225 : #1e398a : +220
235 : #1e278a : +230
245 : #271e8a : +240
255 : #391e8a : +250
265 : #4b1e8a : +260
275 : #5d1e8a : +270
285 : #6f1e8a : +280
295 : #811e8a : +290
305 : #8a1e81 : +300
315 : #8a1e6f : +310
325 : #8a1e5d : +320
335 : #8a1e4b : +330
345 : #8a1e39 : +340
355 : #8a1e27 : +350
355 : #8a1e27 : +350
356 : #8a1e25 : +351
357 : #8a1e24 : +352
358 : #8a1e22 : +353
359 : #8a1e20 : +354
0 : #8a1e1e : -5
1 : #8a201e : -4
2 : #8a221e : -3
3 : #8a241e : -2
4 : #8a251e : -1
5 : #8a271e : ±0
6 : #8a291e : +1
7 : #8a2b1e : +2
8 : #8a2d1e : +3
9 : #8a2e1e : +4
10 : #8a301e : +5
11 : #8a321e : +6
12 : #8a341e : +7
13 : #8a361e : +8
14 : #8a371e : +9
15 : #8a391e : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -64
2 : #565352 : -62
4 : #585151 : -60
6 : #59504f : -58
8 : #5b4f4d : -56
10 : #5d4d4c : -54
12 : #5e4c4a : -52
14 : #604a48 : -50
16 : #624947 : -48
18 : #634845 : -46
20 : #654643 : -44
22 : #674542 : -42
24 : #684340 : -40
26 : #6a423e : -38
28 : #6c413d : -36
30 : #6d3f3b : -34
32 : #6f3e39 : -32
34 : #713c38 : -30
36 : #723b36 : -28
38 : #743a34 : -26
40 : #763832 : -24
42 : #773731 : -22
44 : #79352f : -20
46 : #7b342d : -18
48 : #7d322c : -16
50 : #7e312a : -14
52 : #803028 : -12
54 : #822e27 : -10
56 : #832d25 : -8
58 : #852b23 : -6
60 : #872a22 : -4
62 : #882920 : -2
64 : #8a271e : ±0
66 : #8c261d : +2
68 : #8d241b : +4
70 : #8f2319 : +6
72 : #912218 : +8
74 : #922016 : +10
76 : #941f14 : +12
78 : #961d13 : +14
80 : #971c11 : +16
82 : #991b0f : +18
84 : #9b190d : +20
86 : #9d180c : +22
88 : #9e160a : +24
90 : #a01508 : +26
92 : #a21407 : +28
94 : #a31205 : +30
96 : #a51103 : +32
98 : #a70f02 : +34
100 : #a80e00 : +36
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -32
3 : #0d0403 : -30
5 : #150605 : -28
7 : #1d0806 : -26
9 : #260b08 : -24
11 : #2e0d0a : -22
13 : #360f0c : -20
15 : #3f120e : -18
17 : #471410 : -16
19 : #4f1711 : -14
21 : #581913 : -12
23 : #601b15 : -10
25 : #691e17 : -8
27 : #712019 : -6
29 : #79231b : -4
31 : #82251c : -2
33 : #8a271e : ±0
35 : #922a20 : +2
37 : #9b2c22 : +4
39 : #a32e24 : +6
41 : #ab3126 : +8
43 : #b43327 : +10
45 : #bc3629 : +12
47 : #c5382b : +14
49 : #cd3a2d : +16
51 : #d23f32 : +18
53 : #d4473a : +20
55 : #d64f43 : +22
57 : #d8574b : +24
59 : #d95f54 : +26
61 : #db675c : +28
63 : #dd6e64 : +30
65 : #df766d : +32
67 : #e17e75 : +34
69 : #e3867d : +36
71 : #e48e86 : +38
73 : #e6958e : +40
75 : #e89d96 : +42
77 : #eaa59f : +44
79 : #ecada7 : +46
81 : #eeb5b0 : +48
83 : #efbdb8 : +50
85 : #f1c4c0 : +52
87 : #f3ccc9 : +54
89 : #f5d4d1 : +56
91 : #f7dcd9 : +58
93 : #f9e4e2 : +60
95 : #faebea : +62
97 : #fcf3f2 : +64
99 : #fefbfb : +66
CSS入門、作ってます。
text-shadow