#38564f
RGB ( 赤 = 56, 緑 = 86, 青 = 79 )
HSL ( 色相 = 166°, 彩度 = 21%, 明度 = 28% )
H : 色相 ( 166° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #563b38 : -160
16 : #564038 : -150
26 : #564538 : -140
36 : #564a38 : -130
46 : #564f38 : -120
56 : #565438 : -110
66 : #535638 : -100
76 : #4e5638 : -90
86 : #495638 : -80
96 : #445638 : -70
106 : #3f5638 : -60
116 : #3a5638 : -50
126 : #38563b : -40
136 : #385640 : -30
146 : #385645 : -20
156 : #38564a : -10
166 : #38564f : ±0
176 : #385654 : +10
186 : #385356 : +20
196 : #384e56 : +30
206 : #384956 : +40
216 : #384456 : +50
226 : #383f56 : +60
236 : #383a56 : +70
246 : #3b3856 : +80
256 : #403856 : +90
266 : #453856 : +100
276 : #4a3856 : +110
286 : #4f3856 : +120
296 : #543856 : +130
306 : #563853 : +140
316 : #56384e : +150
326 : #563849 : +160
336 : #563844 : +170
346 : #56383f : +180
356 : #56383a : +190
156 : #38564a : -10
157 : #38564b : -9
158 : #38564b : -8
159 : #38564c : -7
160 : #38564c : -6
161 : #38564d : -5
162 : #38564d : -4
163 : #38564e : -3
164 : #38564e : -2
165 : #38564f : -1
166 : #38564f : ±0
167 : #385650 : +1
168 : #385650 : +2
169 : #385651 : +3
170 : #385651 : +4
171 : #385652 : +5
172 : #385652 : +6
173 : #385653 : +7
174 : #385653 : +8
175 : #385654 : +9
176 : #385654 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #474848 : -20
3 : #454a49 : -18
5 : #444b49 : -16
7 : #424c4a : -14
9 : #414e4b : -12
11 : #404f4c : -10
13 : #3e514c : -8
15 : #3d524d : -6
17 : #3b544e : -4
19 : #3a554f : -2
21 : #38564f : ±0
23 : #375850 : +2
25 : #365951 : +4
27 : #345b52 : +6
29 : #335c52 : +8
31 : #315e53 : +10
33 : #305f54 : +12
35 : #2e6055 : +14
37 : #2d6255 : +16
39 : #2c6356 : +18
41 : #2a6557 : +20
43 : #296658 : +22
45 : #276859 : +24
47 : #266959 : +26
49 : #246a5a : +28
51 : #236c5b : +30
53 : #226d5c : +32
55 : #206f5c : +34
57 : #1f705d : +36
59 : #1d725e : +38
61 : #1c735f : +40
63 : #1a745f : +42
65 : #197660 : +44
67 : #187761 : +46
69 : #167962 : +48
71 : #157a62 : +50
73 : #137c63 : +52
75 : #127d64 : +54
77 : #107e65 : +56
79 : #0f8065 : +58
81 : #0e8166 : +60
83 : #0c8367 : +62
85 : #0b8468 : +64
87 : #098669 : +66
89 : #088769 : +68
91 : #06886a : +70
93 : #058a6b : +72
95 : #048b6c : +74
97 : #028d6c : +76
99 : #018e6d : +78
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #040606 : -26
4 : #080c0b : -24
6 : #0c1311 : -22
8 : #101917 : -20
10 : #141f1c : -18
12 : #182522 : -16
14 : #1c2b28 : -14
16 : #20312d : -12
18 : #243833 : -10
20 : #283e39 : -8
22 : #2c443e : -6
24 : #304a44 : -4
26 : #34504a : -2
28 : #38564f : ±0
30 : #3c5d55 : +2
32 : #40635b : +4
34 : #446960 : +6
36 : #496f66 : +8
38 : #4d756c : +10
40 : #517b71 : +12
42 : #558277 : +14
44 : #59887d : +16
46 : #5d8e82 : +18
48 : #619488 : +20
50 : #659a8e : +22
52 : #6b9e92 : +24
54 : #71a297 : +26
56 : #77a69b : +28
58 : #7daaa0 : +30
60 : #84aea4 : +32
62 : #8ab2a9 : +34
64 : #90b6ad : +36
66 : #96bbb2 : +38
68 : #9cbfb7 : +40
70 : #a2c3bb : +42
72 : #a9c7c0 : +44
74 : #afcbc4 : +46
76 : #b5cfc9 : +48
78 : #bbd3cd : +50
80 : #c1d7d2 : +52
82 : #c7dbd6 : +54
84 : #cedfdb : +56
86 : #d4e3df : +58
88 : #dae7e4 : +60
90 : #e0ebe8 : +62
92 : #e6efed : +64
94 : #ecf3f1 : +66
96 : #f3f7f6 : +68
98 : #f9fbfa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow