-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
71 lines (57 loc) · 3.66 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>Many Languages, Many Colors</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link href="vis/css/bootstrap.min.css" rel="stylesheet">
<script src="vis/js/jquery-1.12.0.min.js"></script>
<script src="vis/js/bootstrap.min.js"></script>
<script src="addNavBar.js"></script>
</script>
</head>
<body>
<div class="container">
<h1>The Many Languages, Many Colors Project</h1>
<h2>Purpose</h2>
<p>Different languages divide the color spectrum in different ways, which has been shown to influence how people perceive color. The Many Languages, Many Colors project is an attempt to measure these differences by collecting data and creating color models, and then share the results through visualizations and publicly released data sets. But first... </p>
<h2>Take the Survey!</h2>
<p>Before you look at what we found, please consider taking our 12 minute <a href="http://labinthewild.org/studies/color_perception/" target="_blank" >color perception survey</a>. We could always use more data, and reading this post first might influence your answers.</p>
<h2>Summary Blog Posts</h2>
<p>Read our blog posts that summarize our results:</p>
<p><a href="https://medium.com/hci-design-at-uw/there-is-no-blue-in-korean-ea6ac0d25d34"><strong>There is No "Blue" in Korean:</strong> Different Languages Have Different Colors</a></p>
<h2>Visualizations</h2>
<p>We have created a number of different visualizations to share our results:</p>
<p>
<a href="vis/color_translator.html"><strong>Color Translator</strong><br>
<img src="vis/color-translator-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Find translations and synonyms for colors in multiple languages and compare the ranges of colors for different color names.</span>
</p>
<p>
<a href="vis/stacked-spectrum.html"><strong>Hue Color Comparisons (more languages)</strong><br>
<img src="vis/stacked-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Compare the terms used to divide the hue colors (the brightest, most saturated colors: <img src='vis/hue-colors-smallest.png'> ).</span>
</p>
<p>
<a href="vis/full_color_maps.html"><strong>Color Maps</strong><br>
<img src="vis/color-maps-small.png" style="height:150px;padding-left:20px;"><a><br>
<span style="padding-left:20px">Compare how English and Korean divide the full color space.</span>
</p>
<p>
<a href="vis/en-ko-translation-comparison.html"><strong>Korean-English Translation Comparison</strong><br>
<img src="vis/en-ko-translation-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Compare online color translations to our suggested translations.</span>
</p>
<p>
<a href="vis/viridis.html"><strong>Korean-English Viridis Color Spectrum</strong><br>
<img src="vis/viridis-graph-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Compare how Korean and English color names differ on the Viridis color spectrum ( <img src='vis/viridis-smallest.png'> ) that is sometimes used in visualizations.</span>
</p>
<h2>Dataset</h2>
<p>We have made our dataset, models, and visualizations <a href="https://github.com/uwdata/color-naming-in-different-languages/">freely available for download</a>. We plan on continuing to update this dataset as we collect more data.</p>
<h2>Publication</h2>
<p>Peer Reviewed Academic Paper: <a href="http://idl.cs.washington.edu/papers/multi-lingual-color-names/">Color Names Across Languages: Salient Colors and Term Translation in Multilingual Color Naming Models
</p>
</div>
</body>
</html>