#8f5224
RGB ( 赤 = 143, 緑 = 82, 青 = 36 )
HSL ( 色相 = 26°, 彩度 = 60%, 明度 = 35% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #8f2e24 : -20
16 : #8f4024 : -10
26 : #8f5224 : ±0
36 : #8f6424 : +10
46 : #8f7624 : +20
56 : #8f8824 : +30
66 : #848f24 : +40
76 : #728f24 : +50
86 : #608f24 : +60
96 : #4f8f24 : +70
106 : #3d8f24 : +80
116 : #2b8f24 : +90
126 : #248f2e : +100
136 : #248f40 : +110
146 : #248f52 : +120
156 : #248f64 : +130
166 : #248f76 : +140
176 : #248f88 : +150
186 : #24848f : +160
196 : #24728f : +170
206 : #24608f : +180
216 : #244f8f : +190
226 : #243d8f : +200
236 : #242b8f : +210
246 : #2e248f : +220
256 : #40248f : +230
266 : #52248f : +240
276 : #64248f : +250
286 : #76248f : +260
296 : #88248f : +270
306 : #8f2484 : +280
316 : #8f2472 : +290
326 : #8f2460 : +300
336 : #8f244f : +310
346 : #8f243d : +320
356 : #8f242b : +330
16 : #8f4024 : -10
17 : #8f4224 : -9
18 : #8f4424 : -8
19 : #8f4624 : -7
20 : #8f4724 : -6
21 : #8f4924 : -5
22 : #8f4b24 : -4
23 : #8f4d24 : -3
24 : #8f4f24 : -2
25 : #8f5024 : -1
26 : #8f5224 : ±0
27 : #8f5424 : +1
28 : #8f5624 : +2
29 : #8f5724 : +3
30 : #8f5924 : +4
31 : #8f5b24 : +5
32 : #8f5d24 : +6
33 : #8f5f24 : +7
34 : #8f6024 : +8
35 : #8f6224 : +9
36 : #8f6424 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -60
2 : #5b5957 : -58
4 : #5d5956 : -56
6 : #5f5954 : -54
8 : #605852 : -52
10 : #625850 : -50
12 : #64584f : -48
14 : #66584d : -46
16 : #68574b : -44
18 : #695749 : -42
20 : #6b5747 : -40
22 : #6d5746 : -38
24 : #6f5644 : -36
26 : #705642 : -34
28 : #725640 : -32
30 : #74563e : -30
32 : #76553d : -28
34 : #78553b : -26
36 : #795539 : -24
38 : #7b5537 : -22
40 : #7d5436 : -20
42 : #7f5434 : -18
44 : #815432 : -16
46 : #825430 : -14
48 : #84542e : -12
50 : #86532d : -10
52 : #88532b : -8
54 : #895329 : -6
56 : #8b5327 : -4
58 : #8d5225 : -2
60 : #8f5224 : ±0
62 : #915222 : +2
64 : #925220 : +4
66 : #94511e : +6
68 : #96511d : +8
70 : #98511b : +10
72 : #9a5119 : +12
74 : #9b5017 : +14
76 : #9d5015 : +16
78 : #9f5014 : +18
80 : #a15012 : +20
82 : #a24f10 : +22
84 : #a44f0e : +24
86 : #a64f0c : +26
88 : #a84f0b : +28
90 : #aa4f09 : +30
92 : #ab4e07 : +32
94 : #ad4e05 : +34
96 : #af4e04 : +36
98 : #b14e02 : +38
100 : #b34d00 : +40
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -34
3 : #0c0703 : -32
5 : #140c05 : -30
7 : #1d1007 : -28
9 : #251509 : -26
11 : #2d1a0b : -24
13 : #351e0d : -22
15 : #3d230f : -20
17 : #452811 : -18
19 : #4e2d13 : -16
21 : #563115 : -14
23 : #5e3617 : -12
25 : #663b1a : -10
27 : #6e3f1c : -8
29 : #76441e : -6
31 : #7e4920 : -4
33 : #874d22 : -2
35 : #8f5224 : ±0
37 : #975726 : +2
39 : #9f5b28 : +4
41 : #a7602a : +6
43 : #af652c : +8
45 : #b86a2e : +10
47 : #c06e30 : +12
49 : #c87332 : +14
51 : #cd7837 : +16
53 : #cf7e3f : +18
55 : #d18347 : +20
57 : #d38950 : +22
59 : #d58e58 : +24
61 : #d79460 : +26
63 : #d99968 : +28
65 : #db9f70 : +30
67 : #dda478 : +32
69 : #dfaa81 : +34
71 : #e1af89 : +36
73 : #e3b591 : +38
75 : #e6ba99 : +40
77 : #e8c0a1 : +42
79 : #eac5a9 : +44
81 : #eccbb1 : +46
83 : #eed0ba : +48
85 : #f0d6c2 : +50
87 : #f2dbca : +52
89 : #f4e1d2 : +54
91 : #f6e6da : +56
93 : #f8ece2 : +58
95 : #faf1eb : +60
97 : #fcf7f3 : +62
99 : #fefcfb : +64
CSS入門、作ってます。
text-shadow