#653b2a
RGB ( 赤 = 101, 緑 = 59, 青 = 42 )
HSL ( 色相 = 17°, 彩度 = 41%, 明度 = 28% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #65312a : -10
17 : #653b2a : ±0
27 : #65442a : +10
37 : #654e2a : +20
47 : #65582a : +30
57 : #65622a : +40
67 : #5e652a : +50
77 : #54652a : +60
87 : #4a652a : +70
97 : #41652a : +80
107 : #37652a : +90
117 : #2d652a : +100
127 : #2a6531 : +110
137 : #2a653b : +120
147 : #2a6544 : +130
157 : #2a654e : +140
167 : #2a6558 : +150
177 : #2a6562 : +160
187 : #2a5e65 : +170
197 : #2a5465 : +180
207 : #2a4a65 : +190
217 : #2a4165 : +200
227 : #2a3765 : +210
237 : #2a2d65 : +220
247 : #312a65 : +230
257 : #3b2a65 : +240
267 : #442a65 : +250
277 : #4e2a65 : +260
287 : #582a65 : +270
297 : #622a65 : +280
307 : #652a5e : +290
317 : #652a54 : +300
327 : #652a4a : +310
337 : #652a41 : +320
347 : #652a37 : +330
357 : #652a2d : +340
7 : #65312a : -10
8 : #65322a : -9
9 : #65332a : -8
10 : #65342a : -7
11 : #65352a : -6
12 : #65362a : -5
13 : #65372a : -4
14 : #65382a : -3
15 : #65392a : -2
16 : #653a2a : -1
17 : #653b2a : ±0
18 : #653c2a : +1
19 : #653d2a : +2
20 : #653e2a : +3
21 : #653f2a : +4
22 : #65402a : +5
23 : #65412a : +6
24 : #65422a : +7
25 : #65432a : +8
26 : #65432a : +9
27 : #65442a : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484747 : -40
3 : #4a4645 : -38
5 : #4b4644 : -36
7 : #4c4542 : -34
9 : #4e4541 : -32
11 : #4f4440 : -30
13 : #51433e : -28
15 : #52433d : -26
17 : #54423b : -24
19 : #55423a : -22
21 : #564138 : -20
23 : #584037 : -18
25 : #594036 : -16
27 : #5b3f34 : -14
29 : #5c3e33 : -12
31 : #5e3e31 : -10
33 : #5f3d30 : -8
35 : #603d2e : -6
37 : #623c2d : -4
39 : #633b2c : -2
41 : #653b2a : ±0
43 : #663a29 : +2
45 : #683927 : +4
47 : #693926 : +6
49 : #6a3824 : +8
51 : #6c3823 : +10
53 : #6d3722 : +12
55 : #6f3620 : +14
57 : #70361f : +16
59 : #72351d : +18
61 : #73351c : +20
63 : #74341a : +22
65 : #763319 : +24
67 : #773318 : +26
69 : #793216 : +28
71 : #7a3115 : +30
73 : #7c3113 : +32
75 : #7d3012 : +34
77 : #7e3010 : +36
79 : #802f0f : +38
81 : #812e0e : +40
83 : #832e0c : +42
85 : #842d0b : +44
87 : #862c09 : +46
89 : #872c08 : +48
91 : #882b06 : +50
93 : #8a2b05 : +52
95 : #8b2a04 : +54
97 : #8d2902 : +56
99 : #8e2901 : +58
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070403 : -26
4 : #0e0806 : -24
6 : #160d09 : -22
8 : #1d110c : -20
10 : #24150f : -18
12 : #2b1912 : -16
14 : #321d15 : -14
16 : #3a2218 : -12
18 : #41261b : -10
20 : #482a1e : -8
22 : #4f2e21 : -6
24 : #563224 : -4
26 : #5d3727 : -2
28 : #653b2a : ±0
30 : #6c3f2d : +2
32 : #734330 : +4
34 : #7a4733 : +6
36 : #814b36 : +8
38 : #895039 : +10
40 : #90543c : +12
42 : #97583f : +14
44 : #9e5c42 : +16
46 : #a56045 : +18
48 : #ad6548 : +20
50 : #b4694b : +22
52 : #b76f52 : +24
54 : #ba755a : +26
56 : #bd7b61 : +28
58 : #c08168 : +30
60 : #c3876f : +32
62 : #c68d76 : +34
64 : #c9937e : +36
66 : #cc9985 : +38
68 : #cf9f8c : +40
70 : #d2a593 : +42
72 : #d5ab9a : +44
74 : #d8b1a2 : +46
76 : #dbb7a9 : +48
78 : #debdb0 : +50
80 : #e1c3b7 : +52
82 : #e4c9be : +54
84 : #e7cfc5 : +56
86 : #ead5cd : +58
88 : #eddbd4 : +60
90 : #f0e1db : +62
92 : #f3e7e2 : +64
94 : #f6ede9 : +66
96 : #f9f3f1 : +68
98 : #fcf9f8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow