#563e1f
RGB ( 赤 = 86, 緑 = 62, 青 = 31 )
HSL ( 色相 = 34°, 彩度 = 47%, 明度 = 23% )
H : 色相 ( 34° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #56231f : -30
14 : #562c1f : -20
24 : #56351f : -10
34 : #563e1f : ±0
44 : #56481f : +10
54 : #56511f : +20
64 : #53561f : +30
74 : #49561f : +40
84 : #40561f : +50
94 : #37561f : +60
104 : #2e561f : +70
114 : #25561f : +80
124 : #1f5623 : +90
134 : #1f562c : +100
144 : #1f5635 : +110
154 : #1f563e : +120
164 : #1f5648 : +130
174 : #1f5651 : +140
184 : #1f5356 : +150
194 : #1f4956 : +160
204 : #1f4056 : +170
214 : #1f3756 : +180
224 : #1f2e56 : +190
234 : #1f2556 : +200
244 : #231f56 : +210
254 : #2c1f56 : +220
264 : #351f56 : +230
274 : #3e1f56 : +240
284 : #481f56 : +250
294 : #511f56 : +260
304 : #561f53 : +270
314 : #561f49 : +280
324 : #561f40 : +290
334 : #561f37 : +300
344 : #561f2e : +310
354 : #561f25 : +320
24 : #56351f : -10
25 : #56361f : -9
26 : #56371f : -8
27 : #56381f : -7
28 : #56391f : -6
29 : #563a1f : -5
30 : #563b1f : -4
31 : #563c1f : -3
32 : #563c1f : -2
33 : #563d1f : -1
34 : #563e1f : ±0
35 : #563f1f : +1
36 : #56401f : +2
37 : #56411f : +3
38 : #56421f : +4
39 : #56431f : +5
40 : #56441f : +6
41 : #56451f : +7
42 : #56461f : +8
43 : #56471f : +9
44 : #56481f : +10
S : 彩度 ( 47% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3b3a : -46
3 : #3c3b39 : -44
5 : #3e3b38 : -42
7 : #3f3b37 : -40
9 : #403b35 : -38
11 : #413c34 : -36
13 : #423c33 : -34
15 : #433c32 : -32
17 : #453c31 : -30
19 : #463c30 : -28
21 : #473c2e : -26
23 : #483c2d : -24
25 : #493d2c : -22
27 : #4a3d2b : -20
29 : #4c3d2a : -18
31 : #4d3d28 : -16
33 : #4e3d27 : -14
35 : #4f3d26 : -12
37 : #503e25 : -10
39 : #523e24 : -8
41 : #533e23 : -6
43 : #543e21 : -4
45 : #553e20 : -2
47 : #563e1f : ±0
49 : #573e1e : +2
51 : #593f1d : +4
53 : #5a3f1c : +6
55 : #5b3f1a : +8
57 : #5c3f19 : +10
59 : #5d3f18 : +12
61 : #5e3f17 : +14
63 : #604016 : +16
65 : #614015 : +18
67 : #624013 : +20
69 : #634012 : +22
71 : #644011 : +24
73 : #654010 : +26
75 : #67410f : +28
77 : #68410d : +30
79 : #69410c : +32
81 : #6a410b : +34
83 : #6b410a : +36
85 : #6d4109 : +38
87 : #6e4108 : +40
89 : #6f4206 : +42
91 : #704205 : +44
93 : #714204 : +46
95 : #724203 : +48
97 : #744202 : +50
99 : #754201 : +52
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -22
3 : #0b0804 : -20
5 : #130e07 : -18
7 : #1a1309 : -16
9 : #22180c : -14
11 : #291e0f : -12
13 : #312312 : -10
15 : #382914 : -8
17 : #402e17 : -6
19 : #47331a : -4
21 : #4f391c : -2
23 : #563e1f : ±0
25 : #5e4422 : +2
27 : #654924 : +4
29 : #6d4f27 : +6
31 : #74542a : +8
33 : #7c592d : +10
35 : #835f2f : +12
37 : #8b6432 : +14
39 : #926a35 : +16
41 : #9a6f37 : +18
43 : #a1753a : +20
45 : #a97a3d : +22
47 : #b07f40 : +24
49 : #b88542 : +26
51 : #bd8a47 : +28
53 : #bf8f4f : +30
55 : #c29356 : +32
57 : #c5985e : +34
59 : #c89d65 : +36
61 : #caa26d : +38
63 : #cda774 : +40
65 : #d0ab7c : +42
67 : #d2b083 : +44
69 : #d5b58b : +46
71 : #d8ba92 : +48
73 : #dbbe9a : +50
75 : #ddc3a1 : +52
77 : #e0c8a9 : +54
79 : #e3cdb0 : +56
81 : #e5d2b8 : +58
83 : #e8d6bf : +60
85 : #ebdbc7 : +62
87 : #ede0ce : +64
89 : #f0e5d6 : +66
91 : #f3e9dd : +68
93 : #f6eee5 : +70
95 : #f8f3ec : +72
97 : #fbf8f4 : +74
99 : #fefdfb : +76
CSS入門、作ってます。
text-shadow