#643a46
RGB ( 赤 = 100, 緑 = 58, 青 = 70 )
HSL ( 色相 = 343°, 彩度 = 27%, 明度 = 31% )
H : 色相 ( 343° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #643c3a : -340
13 : #64433a : -330
23 : #644a3a : -320
33 : #64513a : -310
43 : #64583a : -300
53 : #645f3a : -290
63 : #62643a : -280
73 : #5b643a : -270
83 : #54643a : -260
93 : #4d643a : -250
103 : #46643a : -240
113 : #3f643a : -230
123 : #3a643c : -220
133 : #3a6443 : -210
143 : #3a644a : -200
153 : #3a6451 : -190
163 : #3a6458 : -180
173 : #3a645f : -170
183 : #3a6264 : -160
193 : #3a5b64 : -150
203 : #3a5464 : -140
213 : #3a4d64 : -130
223 : #3a4664 : -120
233 : #3a3f64 : -110
243 : #3c3a64 : -100
253 : #433a64 : -90
263 : #4a3a64 : -80
273 : #513a64 : -70
283 : #583a64 : -60
293 : #5f3a64 : -50
303 : #643a62 : -40
313 : #643a5b : -30
323 : #643a54 : -20
333 : #643a4d : -10
343 : #643a46 : ±0
353 : #643a3f : +10
333 : #643a4d : -10
334 : #643a4c : -9
335 : #643a4b : -8
336 : #643a4b : -7
337 : #643a4a : -6
338 : #643a49 : -5
339 : #643a49 : -4
340 : #643a48 : -3
341 : #643a47 : -2
342 : #643a47 : -1
343 : #643a46 : ±0
344 : #643a45 : +1
345 : #643a44 : +2
346 : #643a44 : +3
347 : #643a43 : +4
348 : #643a42 : +5
349 : #643a42 : +6
350 : #643a41 : +7
351 : #643a40 : +8
352 : #643a3f : +9
353 : #643a3f : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -26
3 : #514d4e : -24
5 : #534b4d : -22
7 : #554a4d : -20
9 : #56484c : -18
11 : #58464b : -16
13 : #59454b : -14
15 : #5b434a : -12
17 : #5c4249 : -10
19 : #5e4049 : -8
21 : #603e48 : -6
23 : #613d47 : -4
25 : #633b46 : -2
27 : #643a46 : ±0
29 : #663845 : +2
31 : #683744 : +4
33 : #693544 : +6
35 : #6b3343 : +8
37 : #6c3242 : +10
39 : #6e3042 : +12
41 : #6f2f41 : +14
43 : #712d40 : +16
45 : #732b40 : +18
47 : #742a3f : +20
49 : #76283e : +22
51 : #77273e : +24
53 : #79253d : +26
55 : #7b243c : +28
57 : #7c223c : +30
59 : #7e203b : +32
61 : #7f1f3a : +34
63 : #811d39 : +36
65 : #821c39 : +38
67 : #841a38 : +40
69 : #861937 : +42
71 : #871737 : +44
73 : #891536 : +46
75 : #8a1435 : +48
77 : #8c1235 : +50
79 : #8d1134 : +52
81 : #8f0f33 : +54
83 : #910d33 : +56
85 : #920c32 : +58
87 : #940a31 : +60
89 : #950931 : +62
91 : #970730 : +64
93 : #99062f : +66
95 : #9a042f : +68
97 : #9c022e : +70
99 : #9d012d : +72
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #0a0607 : -28
5 : #10090b : -26
7 : #170d10 : -24
9 : #1d1114 : -22
11 : #241419 : -20
13 : #2a181d : -18
15 : #311c22 : -16
17 : #372026 : -14
19 : #3e232b : -12
21 : #44272f : -10
23 : #4a2b34 : -8
25 : #512f38 : -6
27 : #57323d : -4
29 : #5e3641 : -2
31 : #643a46 : ±0
33 : #6b3d4a : +2
35 : #71414f : +4
37 : #784553 : +6
39 : #7e4958 : +8
41 : #854c5c : +10
43 : #8b5061 : +12
45 : #925465 : +14
47 : #98576a : +16
49 : #9f5b6e : +18
51 : #a46073 : +20
53 : #a86779 : +22
55 : #ab6d7f : +24
57 : #af7485 : +26
59 : #b37a8a : +28
61 : #b68190 : +30
63 : #ba8796 : +32
65 : #be8e9b : +34
67 : #c294a1 : +36
69 : #c59ba7 : +38
71 : #c9a1ac : +40
73 : #cda8b2 : +42
75 : #d0aeb8 : +44
77 : #d4b5bd : +46
79 : #d8bbc3 : +48
81 : #dcc1c9 : +50
83 : #dfc8cf : +52
85 : #e3ced4 : +54
87 : #e7d5da : +56
89 : #ebdbe0 : +58
91 : #eee2e5 : +60
93 : #f2e8eb : +62
95 : #f6eff1 : +64
97 : #f9f5f6 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow