#643a45
RGB ( 赤 = 100, 緑 = 58, 青 = 69 )
HSL ( 色相 = 344°, 彩度 = 27%, 明度 = 31% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #643d3a : -340
14 : #64443a : -330
24 : #644b3a : -320
34 : #64523a : -310
44 : #64593a : -300
54 : #64603a : -290
64 : #62643a : -280
74 : #5a643a : -270
84 : #53643a : -260
94 : #4c643a : -250
104 : #45643a : -240
114 : #3e643a : -230
124 : #3a643d : -220
134 : #3a6444 : -210
144 : #3a644b : -200
154 : #3a6452 : -190
164 : #3a6459 : -180
174 : #3a6460 : -170
184 : #3a6264 : -160
194 : #3a5a64 : -150
204 : #3a5364 : -140
214 : #3a4c64 : -130
224 : #3a4564 : -120
234 : #3a3e64 : -110
244 : #3d3a64 : -100
254 : #443a64 : -90
264 : #4b3a64 : -80
274 : #523a64 : -70
284 : #593a64 : -60
294 : #603a64 : -50
304 : #643a62 : -40
314 : #643a5a : -30
324 : #643a53 : -20
334 : #643a4c : -10
344 : #643a45 : ±0
354 : #643a3e : +10
334 : #643a4c : -10
335 : #643a4b : -9
336 : #643a4b : -8
337 : #643a4a : -7
338 : #643a49 : -6
339 : #643a49 : -5
340 : #643a48 : -4
341 : #643a47 : -3
342 : #643a47 : -2
343 : #643a46 : -1
344 : #643a45 : ±0
345 : #643a44 : +1
346 : #643a44 : +2
347 : #643a43 : +3
348 : #643a42 : +4
349 : #643a42 : +5
350 : #643a41 : +6
351 : #643a40 : +7
352 : #643a3f : +8
353 : #643a3f : +9
354 : #643a3e : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -26
3 : #514d4e : -24
5 : #534b4d : -22
7 : #554a4c : -20
9 : #56484c : -18
11 : #58464b : -16
13 : #59454a : -14
15 : #5b434a : -12
17 : #5c4249 : -10
19 : #5e4048 : -8
21 : #603e47 : -6
23 : #613d47 : -4
25 : #633b46 : -2
27 : #643a45 : ±0
29 : #663844 : +2
31 : #683744 : +4
33 : #693543 : +6
35 : #6b3342 : +8
37 : #6c3241 : +10
39 : #6e3041 : +12
41 : #6f2f40 : +14
43 : #712d3f : +16
45 : #732b3e : +18
47 : #742a3e : +20
49 : #76283d : +22
51 : #77273c : +24
53 : #79253b : +26
55 : #7b243b : +28
57 : #7c223a : +30
59 : #7e2039 : +32
61 : #7f1f39 : +34
63 : #811d38 : +36
65 : #821c37 : +38
67 : #841a36 : +40
69 : #861936 : +42
71 : #871735 : +44
73 : #891534 : +46
75 : #8a1433 : +48
77 : #8c1233 : +50
79 : #8d1132 : +52
81 : #8f0f31 : +54
83 : #910d30 : +56
85 : #920c30 : +58
87 : #940a2f : +60
89 : #95092e : +62
91 : #97072d : +64
93 : #99062d : +66
95 : #9a042c : +68
97 : #9c022b : +70
99 : #9d012b : +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 : #311c21 : -16
17 : #372026 : -14
19 : #3e232a : -12
21 : #44272f : -10
23 : #4a2b33 : -8
25 : #512f38 : -6
27 : #57323c : -4
29 : #5e3641 : -2
31 : #643a45 : ±0
33 : #6b3d4a : +2
35 : #71414e : +4
37 : #784552 : +6
39 : #7e4957 : +8
41 : #854c5b : +10
43 : #8b5060 : +12
45 : #925464 : +14
47 : #985769 : +16
49 : #9f5b6d : +18
51 : #a46072 : +20
53 : #a86778 : +22
55 : #ab6d7e : +24
57 : #af7484 : +26
59 : #b37a89 : +28
61 : #b6818f : +30
63 : #ba8795 : +32
65 : #be8e9b : +34
67 : #c294a0 : +36
69 : #c59ba6 : +38
71 : #c9a1ac : +40
73 : #cda8b1 : +42
75 : #d0aeb7 : +44
77 : #d4b5bd : +46
79 : #d8bbc3 : +48
81 : #dcc1c8 : +50
83 : #dfc8ce : +52
85 : #e3ced4 : +54
87 : #e7d5da : +56
89 : #ebdbdf : +58
91 : #eee2e5 : +60
93 : #f2e8eb : +62
95 : #f6eff1 : +64
97 : #f9f5f6 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow