#6b5719
RGB ( 赤 = 107, 緑 = 87, 青 = 25 )
HSL ( 色相 = 45°, 彩度 = 62%, 明度 = 26% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6b2019 : -40
15 : #6b2e19 : -30
25 : #6b3b19 : -20
35 : #6b4919 : -10
45 : #6b5719 : ±0
55 : #6b6519 : +10
65 : #656b19 : +20
75 : #576b19 : +30
85 : #496b19 : +40
95 : #3b6b19 : +50
105 : #2e6b19 : +60
115 : #206b19 : +70
125 : #196b20 : +80
135 : #196b2e : +90
145 : #196b3b : +100
155 : #196b49 : +110
165 : #196b57 : +120
175 : #196b65 : +130
185 : #19656b : +140
195 : #19576b : +150
205 : #19496b : +160
215 : #193b6b : +170
225 : #192e6b : +180
235 : #19206b : +190
245 : #20196b : +200
255 : #2e196b : +210
265 : #3b196b : +220
275 : #49196b : +230
285 : #57196b : +240
295 : #65196b : +250
305 : #6b1965 : +260
315 : #6b1957 : +270
325 : #6b1949 : +280
335 : #6b193b : +290
345 : #6b192e : +300
355 : #6b1920 : +310
35 : #6b4919 : -10
36 : #6b4b19 : -9
37 : #6b4c19 : -8
38 : #6b4d19 : -7
39 : #6b4f19 : -6
40 : #6b5019 : -5
41 : #6b5119 : -4
42 : #6b5319 : -3
43 : #6b5419 : -2
44 : #6b5519 : -1
45 : #6b5719 : ±0
46 : #6b5819 : +1
47 : #6b5a19 : +2
48 : #6b5b19 : +3
49 : #6b5c19 : +4
50 : #6b5e19 : +5
51 : #6b5f19 : +6
52 : #6b6019 : +7
53 : #6b6219 : +8
54 : #6b6319 : +9
55 : #6b6519 : +10
S : 彩度 ( 62% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -62
2 : #444341 : -60
4 : #454440 : -58
6 : #46443e : -56
8 : #48453d : -54
10 : #49463c : -52
12 : #4a463a : -50
14 : #4c4739 : -48
16 : #4d4838 : -46
18 : #4e4836 : -44
20 : #504935 : -42
22 : #514a34 : -40
24 : #524a32 : -38
26 : #544b31 : -36
28 : #554c30 : -34
30 : #564c2e : -32
32 : #584d2d : -30
34 : #594e2c : -28
36 : #5a4e2a : -26
38 : #5b4f29 : -24
40 : #5d5028 : -22
42 : #5e5026 : -20
44 : #5f5125 : -18
46 : #615224 : -16
48 : #625222 : -14
50 : #635321 : -12
52 : #655420 : -10
54 : #66541e : -8
56 : #67551d : -6
58 : #69561c : -4
60 : #6a561b : -2
62 : #6b5719 : ±0
64 : #6d5818 : +2
66 : #6e5817 : +4
68 : #6f5915 : +6
70 : #715a14 : +8
72 : #725a13 : +10
74 : #735b11 : +12
76 : #755b10 : +14
78 : #765c0f : +16
80 : #775d0d : +18
82 : #795d0c : +20
84 : #7a5e0b : +22
86 : #7b5f09 : +24
88 : #7d5f08 : +26
90 : #7e6007 : +28
92 : #7f6105 : +30
94 : #816104 : +32
96 : #826203 : +34
98 : #836301 : +36
100 : #856300 : +38
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080702 : -24
4 : #110d04 : -22
6 : #191406 : -20
8 : #211b08 : -18
10 : #29210a : -16
12 : #32280c : -14
14 : #3a2f0e : -12
16 : #423510 : -10
18 : #4a3c11 : -8
20 : #534313 : -6
22 : #5b4915 : -4
24 : #635017 : -2
26 : #6b5719 : ±0
28 : #745e1b : +2
30 : #7c641d : +4
32 : #846b1f : +6
34 : #8c7221 : +8
36 : #957823 : +10
38 : #9d7f25 : +12
40 : #a58627 : +14
42 : #ae8c29 : +16
44 : #b6932b : +18
46 : #be9a2d : +20
48 : #c6a02f : +22
50 : #cfa730 : +24
52 : #d0ab39 : +26
54 : #d2ae41 : +28
56 : #d4b249 : +30
58 : #d6b551 : +32
60 : #d8b95a : +34
62 : #dabc62 : +36
64 : #dcc06a : +38
66 : #dec373 : +40
68 : #e0c77b : +42
70 : #e2ca83 : +44
72 : #e4ce8b : +46
74 : #e6d194 : +48
76 : #e8d59c : +50
78 : #ead8a4 : +52
80 : #ecdcac : +54
82 : #eedfb5 : +56
84 : #efe3bd : +58
86 : #f1e6c5 : +60
88 : #f3eacd : +62
90 : #f5edd6 : +64
92 : #f7f1de : +66
94 : #f9f4e6 : +68
96 : #fbf8ee : +70
98 : #fdfbf7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow