#6b4833
RGB ( 赤 = 107, 緑 = 72, 青 = 51 )
HSL ( 色相 = 23°, 彩度 = 35%, 明度 = 31% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6b3633 : -20
13 : #6b3f33 : -10
23 : #6b4933 : ±0
33 : #6b5233 : +10
43 : #6b5b33 : +20
53 : #6b6433 : +30
63 : #686b33 : +40
73 : #5f6b33 : +50
83 : #566b33 : +60
93 : #4c6b33 : +70
103 : #436b33 : +80
113 : #3a6b33 : +90
123 : #336b36 : +100
133 : #336b3f : +110
143 : #336b49 : +120
153 : #336b52 : +130
163 : #336b5b : +140
173 : #336b64 : +150
183 : #33686b : +160
193 : #335f6b : +170
203 : #33566b : +180
213 : #334c6b : +190
223 : #33436b : +200
233 : #333a6b : +210
243 : #36336b : +220
253 : #3f336b : +230
263 : #49336b : +240
273 : #52336b : +250
283 : #5b336b : +260
293 : #64336b : +270
303 : #6b3368 : +280
313 : #6b335f : +290
323 : #6b3356 : +300
333 : #6b334c : +310
343 : #6b3343 : +320
353 : #6b333a : +330
13 : #6b3f33 : -10
14 : #6b4033 : -9
15 : #6b4133 : -8
16 : #6b4233 : -7
17 : #6b4333 : -6
18 : #6b4433 : -5
19 : #6b4533 : -4
20 : #6b4633 : -3
21 : #6b4733 : -2
22 : #6b4833 : -1
23 : #6b4933 : ±0
24 : #6b4a33 : +1
25 : #6b4a33 : +2
26 : #6b4b33 : +3
27 : #6b4c33 : +4
28 : #6b4d33 : +5
29 : #6b4e33 : +6
30 : #6b4f33 : +7
31 : #6b5033 : +8
32 : #6b5133 : +9
33 : #6b5233 : +10
S : 彩度 ( 35% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504f4e : -34
3 : #514e4d : -32
5 : #534e4b : -30
7 : #554e4a : -28
9 : #564d48 : -26
11 : #584d46 : -24
13 : #594d45 : -22
15 : #5b4c43 : -20
17 : #5c4c42 : -18
19 : #5e4c40 : -16
21 : #604b3e : -14
23 : #614b3d : -12
25 : #634a3b : -10
27 : #644a3a : -8
29 : #664a38 : -6
31 : #684937 : -4
33 : #694935 : -2
35 : #6b4933 : ±0
37 : #6c4832 : +2
39 : #6e4830 : +4
41 : #6f472f : +6
43 : #71472d : +8
45 : #73472b : +10
47 : #74462a : +12
49 : #764628 : +14
51 : #774627 : +16
53 : #794525 : +18
55 : #7b4524 : +20
57 : #7c4522 : +22
59 : #7e4420 : +24
61 : #7f441f : +26
63 : #81431d : +28
65 : #82431c : +30
67 : #84431a : +32
69 : #864219 : +34
71 : #874217 : +36
73 : #894215 : +38
75 : #8a4114 : +40
77 : #8c4112 : +42
79 : #8d4011 : +44
81 : #8f400f : +46
83 : #91400d : +48
85 : #923f0c : +50
87 : #943f0a : +52
89 : #953f09 : +54
91 : #973e07 : +56
93 : #993e06 : +58
95 : #9a3e04 : +60
97 : #9c3d02 : +62
99 : #9d3d01 : +64
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #0a0705 : -28
5 : #110c08 : -26
7 : #18100c : -24
9 : #1f150f : -22
11 : #261a12 : -20
13 : #2d1e16 : -18
15 : #342319 : -16
17 : #3b281c : -14
19 : #412c1f : -12
21 : #483123 : -10
23 : #4f3626 : -8
25 : #563b29 : -6
27 : #5d3f2d : -4
29 : #644430 : -2
31 : #6b4933 : ±0
33 : #724d37 : +2
35 : #78523a : +4
37 : #7f573d : +6
39 : #865b41 : +8
41 : #8d6044 : +10
43 : #946547 : +12
45 : #9b694b : +14
47 : #a26e4e : +16
49 : #a97351 : +18
51 : #ae7856 : +20
53 : #b17d5d : +22
55 : #b48364 : +24
57 : #b8886b : +26
59 : #bb8e72 : +28
61 : #be9379 : +30
63 : #c29980 : +32
65 : #c59e87 : +34
67 : #c8a48d : +36
69 : #cca994 : +38
71 : #cfaf9b : +40
73 : #d2b5a2 : +42
75 : #d6baa9 : +44
77 : #d9c0b0 : +46
79 : #dcc5b7 : +48
81 : #e0cbbe : +50
83 : #e3d0c4 : +52
85 : #e6d6cb : +54
87 : #e9dbd2 : +56
89 : #ede1d9 : +58
91 : #f0e6e0 : +60
93 : #f3ece7 : +62
95 : #f7f1ee : +64
97 : #faf7f5 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow