#8f3224
RGB ( 赤 = 143, 緑 = 50, 青 = 36 )
HSL ( 色相 = 8°, 彩度 = 60%, 明度 = 35% )
H : 色相 ( 8° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #8f3224 : ±0
18 : #8f4424 : +10
28 : #8f5624 : +20
38 : #8f6824 : +30
48 : #8f7924 : +40
58 : #8f8b24 : +50
68 : #818f24 : +60
78 : #6f8f24 : +70
88 : #5d8f24 : +80
98 : #4b8f24 : +90
108 : #398f24 : +100
118 : #278f24 : +110
128 : #248f32 : +120
138 : #248f44 : +130
148 : #248f56 : +140
158 : #248f68 : +150
168 : #248f79 : +160
178 : #248f8b : +170
188 : #24818f : +180
198 : #246f8f : +190
208 : #245d8f : +200
218 : #244b8f : +210
228 : #24398f : +220
238 : #24278f : +230
248 : #32248f : +240
258 : #44248f : +250
268 : #56248f : +260
278 : #68248f : +270
288 : #79248f : +280
298 : #8b248f : +290
308 : #8f2481 : +300
318 : #8f246f : +310
328 : #8f245d : +320
338 : #8f244b : +330
348 : #8f2439 : +340
358 : #8f2427 : +350
358 : #8f2427 : +350
359 : #8f2425 : +351
0 : #8f2424 : -8
1 : #8f2524 : -7
2 : #8f2724 : -6
3 : #8f2924 : -5
4 : #8f2b24 : -4
5 : #8f2d24 : -3
6 : #8f2e24 : -2
7 : #8f3024 : -1
8 : #8f3224 : ±0
9 : #8f3424 : +1
10 : #8f3624 : +2
11 : #8f3724 : +3
12 : #8f3924 : +4
13 : #8f3b24 : +5
14 : #8f3d24 : +6
15 : #8f3e24 : +7
16 : #8f4024 : +8
17 : #8f4224 : +9
18 : #8f4424 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -60
2 : #5b5857 : -58
4 : #5d5756 : -56
6 : #5f5554 : -54
8 : #605452 : -52
10 : #625350 : -50
12 : #64514f : -48
14 : #66504d : -46
16 : #684f4b : -44
18 : #694d49 : -42
20 : #6b4c47 : -40
22 : #6d4b46 : -38
24 : #6f4a44 : -36
26 : #704842 : -34
28 : #724740 : -32
30 : #74463e : -30
32 : #76443d : -28
34 : #78433b : -26
36 : #794239 : -24
38 : #7b4037 : -22
40 : #7d3f36 : -20
42 : #7f3e34 : -18
44 : #813c32 : -16
46 : #823b30 : -14
48 : #843a2e : -12
50 : #86392d : -10
52 : #88372b : -8
54 : #893629 : -6
56 : #8b3527 : -4
58 : #8d3325 : -2
60 : #8f3224 : ±0
62 : #913122 : +2
64 : #922f20 : +4
66 : #942e1e : +6
68 : #962d1d : +8
70 : #982b1b : +10
72 : #9a2a19 : +12
74 : #9b2917 : +14
76 : #9d2815 : +16
78 : #9f2614 : +18
80 : #a12512 : +20
82 : #a22410 : +22
84 : #a4220e : +24
86 : #a6210c : +26
88 : #a8200b : +28
90 : #aa1e09 : +30
92 : #ab1d07 : +32
94 : #ad1c05 : +34
96 : #af1a04 : +36
98 : #b11902 : +38
100 : #b31800 : +40
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -34
3 : #0c0403 : -32
5 : #140705 : -30
7 : #1d0a07 : -28
9 : #250d09 : -26
11 : #2d100b : -24
13 : #35130d : -22
15 : #3d150f : -20
17 : #451811 : -18
19 : #4e1b13 : -16
21 : #561e15 : -14
23 : #5e2117 : -12
25 : #66241a : -10
27 : #6e271c : -8
29 : #76291e : -6
31 : #7e2c20 : -4
33 : #872f22 : -2
35 : #8f3224 : ±0
37 : #973526 : +2
39 : #9f3828 : +4
41 : #a73b2a : +6
43 : #af3d2c : +8
45 : #b8402e : +10
47 : #c04330 : +12
49 : #c84632 : +14
51 : #cd4b37 : +16
53 : #cf523f : +18
55 : #d15a47 : +20
57 : #d36150 : +22
59 : #d56858 : +24
61 : #d77060 : +26
63 : #d97768 : +28
65 : #db7e70 : +30
67 : #dd8678 : +32
69 : #df8d81 : +34
71 : #e19589 : +36
73 : #e39c91 : +38
75 : #e6a399 : +40
77 : #e8aba1 : +42
79 : #eab2a9 : +44
81 : #ecb9b1 : +46
83 : #eec1ba : +48
85 : #f0c8c2 : +50
87 : #f2cfca : +52
89 : #f4d7d2 : +54
91 : #f6deda : +56
93 : #f8e5e2 : +58
95 : #faedeb : +60
97 : #fcf4f3 : +62
99 : #fefbfb : +64
CSS入門、作ってます。
text-shadow