#8c570d
RGB ( 赤 = 140, 緑 = 87, 青 = 13 )
HSL ( 色相 = 35°, 彩度 = 83%, 明度 = 30% )
H : 色相 ( 35° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8c180d : -30
15 : #8c2d0d : -20
25 : #8c420d : -10
35 : #8c570d : ±0
45 : #8c6c0d : +10
55 : #8c810d : +20
65 : #818c0d : +30
75 : #6c8c0d : +40
85 : #578c0d : +50
95 : #428c0d : +60
105 : #2d8c0d : +70
115 : #188c0d : +80
125 : #0d8c18 : +90
135 : #0d8c2d : +100
145 : #0d8c42 : +110
155 : #0d8c57 : +120
165 : #0d8c6c : +130
175 : #0d8c81 : +140
185 : #0d818c : +150
195 : #0d6c8c : +160
205 : #0d578c : +170
215 : #0d428c : +180
225 : #0d2d8c : +190
235 : #0d188c : +200
245 : #180d8c : +210
255 : #2d0d8c : +220
265 : #420d8c : +230
275 : #570d8c : +240
285 : #6c0d8c : +250
295 : #810d8c : +260
305 : #8c0d81 : +270
315 : #8c0d6c : +280
325 : #8c0d57 : +290
335 : #8c0d42 : +300
345 : #8c0d2d : +310
355 : #8c0d18 : +320
25 : #8c420d : -10
26 : #8c440d : -9
27 : #8c460d : -8
28 : #8c480d : -7
29 : #8c4a0d : -6
30 : #8c4d0d : -5
31 : #8c4f0d : -4
32 : #8c510d : -3
33 : #8c530d : -2
34 : #8c550d : -1
35 : #8c570d : ±0
36 : #8c590d : +1
37 : #8c5b0d : +2
38 : #8c5d0d : +3
39 : #8c600d : +4
40 : #8c620d : +5
41 : #8c640d : +6
42 : #8c660d : +7
43 : #8c680d : +8
44 : #8c6a0d : +9
45 : #8c6c0d : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4d4c : -82
3 : #4f4d4a : -80
5 : #504d49 : -78
7 : #524d47 : -76
9 : #534e46 : -74
11 : #554e44 : -72
13 : #564e43 : -70
15 : #584e41 : -68
17 : #5a4f3f : -66
19 : #5b4f3e : -64
21 : #5d4f3c : -62
23 : #5e4f3b : -60
25 : #605039 : -58
27 : #615038 : -56
29 : #635036 : -54
31 : #645035 : -52
33 : #665133 : -50
35 : #675132 : -48
37 : #695130 : -46
39 : #6a512f : -44
41 : #6c522d : -42
43 : #6d522c : -40
45 : #6f522a : -38
47 : #705229 : -36
49 : #725327 : -34
51 : #745325 : -32
53 : #755324 : -30
55 : #775422 : -28
57 : #785421 : -26
59 : #7a541f : -24
61 : #7b541e : -22
63 : #7d551c : -20
65 : #7e551b : -18
67 : #805519 : -16
69 : #815518 : -14
71 : #835616 : -12
73 : #845615 : -10
75 : #865613 : -8
77 : #875612 : -6
79 : #895710 : -4
81 : #8a570f : -2
83 : #8c570d : ±0
85 : #8e570b : +2
87 : #8f580a : +4
89 : #915808 : +6
91 : #925807 : +8
93 : #945805 : +10
95 : #955904 : +12
97 : #975902 : +14
99 : #985901 : +16
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #090601 : -28
4 : #130c02 : -26
6 : #1c1103 : -24
8 : #251703 : -22
10 : #2f1d04 : -20
12 : #382305 : -18
14 : #412906 : -16
16 : #4b2e07 : -14
18 : #543408 : -12
20 : #5d3a09 : -10
22 : #67400a : -8
24 : #70460a : -6
26 : #794b0b : -4
28 : #83510c : -2
30 : #8c570d : ±0
32 : #955d0e : +2
34 : #9f630f : +4
36 : #a86810 : +6
38 : #b16e10 : +8
40 : #bb7411 : +10
42 : #c47a12 : +12
44 : #cd8013 : +14
46 : #d78614 : +16
48 : #e08b15 : +18
50 : #e99116 : +20
52 : #ea961f : +22
54 : #eb9a28 : +24
56 : #ec9e32 : +26
58 : #eda33b : +28
60 : #eea744 : +30
62 : #efac4e : +32
64 : #efb057 : +34
66 : #f0b460 : +36
68 : #f1b96a : +38
70 : #f2bd73 : +40
72 : #f3c17c : +42
74 : #f4c686 : +44
76 : #f5ca8f : +46
78 : #f5cf98 : +48
80 : #f6d3a2 : +50
82 : #f7d7ab : +52
84 : #f8dcb4 : +54
86 : #f9e0be : +56
88 : #fae5c7 : +58
90 : #fbe9d0 : +60
92 : #fcedda : +62
94 : #fcf2e3 : +64
96 : #fdf6ec : +66
98 : #fefbf6 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow