#523623
RGB ( 赤 = 82, 緑 = 54, 青 = 35 )
HSL ( 色相 = 24°, 彩度 = 40%, 明度 = 23% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #522623 : -20
14 : #522e23 : -10
24 : #523623 : ±0
34 : #523e23 : +10
44 : #524623 : +20
54 : #524d23 : +30
64 : #4f5223 : +40
74 : #475223 : +50
84 : #3f5223 : +60
94 : #385223 : +70
104 : #305223 : +80
114 : #285223 : +90
124 : #235226 : +100
134 : #23522e : +110
144 : #235236 : +120
154 : #23523e : +130
164 : #235246 : +140
174 : #23524d : +150
184 : #234f52 : +160
194 : #234752 : +170
204 : #233f52 : +180
214 : #233852 : +190
224 : #233052 : +200
234 : #232852 : +210
244 : #262352 : +220
254 : #2e2352 : +230
264 : #362352 : +240
274 : #3e2352 : +250
284 : #462352 : +260
294 : #4d2352 : +270
304 : #52234f : +280
314 : #522347 : +290
324 : #52233f : +300
334 : #522338 : +310
344 : #522330 : +320
354 : #522328 : +330
14 : #522e23 : -10
15 : #522f23 : -9
16 : #523023 : -8
17 : #523023 : -7
18 : #523123 : -6
19 : #523223 : -5
20 : #523323 : -4
21 : #523423 : -3
22 : #523423 : -2
23 : #523523 : -1
24 : #523623 : ±0
25 : #523723 : +1
26 : #523823 : +2
27 : #523823 : +3
28 : #523923 : +4
29 : #523a23 : +5
30 : #523b23 : +6
31 : #523b23 : +7
32 : #523c23 : +8
33 : #523d23 : +9
34 : #523e23 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3a3a3a : -40
2 : #3c3a39 : -38
4 : #3d3a38 : -36
6 : #3e3a37 : -34
8 : #3f3a36 : -32
10 : #413935 : -30
12 : #423934 : -28
14 : #433932 : -26
16 : #443931 : -24
18 : #453930 : -22
20 : #46382f : -20
22 : #48382e : -18
24 : #49382d : -16
26 : #4a382b : -14
28 : #4b372a : -12
30 : #4c3729 : -10
32 : #4d3728 : -8
34 : #4f3727 : -6
36 : #503626 : -4
38 : #513624 : -2
40 : #523623 : ±0
42 : #533622 : +2
44 : #543521 : +4
46 : #563520 : +6
48 : #57351e : +8
50 : #58351d : +10
52 : #59351c : +12
54 : #5a341b : +14
56 : #5b341a : +16
58 : #5d3419 : +18
60 : #5e3417 : +20
62 : #5f3316 : +22
64 : #603315 : +24
66 : #613314 : +26
68 : #633313 : +28
70 : #643212 : +30
72 : #653210 : +32
74 : #66320f : +34
76 : #67320e : +36
78 : #68320d : +38
80 : #6a310c : +40
82 : #6b310b : +42
84 : #6c3109 : +44
86 : #6d3108 : +46
88 : #6e3007 : +48
90 : #6f3006 : +50
92 : #713005 : +52
94 : #723004 : +54
96 : #732f02 : +56
98 : #742f01 : +58
100 : #752f00 : +60
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -22
3 : #0b0705 : -20
5 : #120c08 : -18
7 : #19100b : -16
9 : #20150e : -14
11 : #271a11 : -12
13 : #2e1e14 : -10
15 : #362317 : -8
17 : #3d281a : -6
19 : #442d1d : -4
21 : #4b3120 : -2
23 : #523623 : ±0
25 : #593b26 : +2
27 : #603f29 : +4
29 : #68442c : +6
31 : #6f492f : +8
33 : #764d32 : +10
35 : #7d5236 : +12
37 : #845739 : +14
39 : #8b5b3c : +16
41 : #92603f : +18
43 : #9a6542 : +20
45 : #a16a45 : +22
47 : #a86e48 : +24
49 : #af734b : +26
51 : #b47850 : +28
53 : #b77e57 : +30
55 : #ba835e : +32
57 : #bd8965 : +34
59 : #c08e6d : +36
61 : #c39474 : +38
63 : #c6997b : +40
65 : #c99f82 : +42
67 : #cda489 : +44
69 : #d0aa90 : +46
71 : #d3af97 : +48
73 : #d6b59f : +50
75 : #d9baa6 : +52
77 : #dcc0ad : +54
79 : #dfc5b4 : +56
81 : #e2cbbb : +58
83 : #e5d0c2 : +60
85 : #e8d6c9 : +62
87 : #ebdbd1 : +64
89 : #eee1d8 : +66
91 : #f1e6df : +68
93 : #f4ece6 : +70
95 : #f7f1ed : +72
97 : #faf7f4 : +74
99 : #fdfcfb : +76
CSS入門、作ってます。
text-shadow