jsColorEngine/samples/index.html at main · glennwilton/jsColorEngine · GitHub

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!doctype html>
<!--
  Copyright (c) 2026 Glenn Wilton, O2 Creative Limited
  Released under the MIT License (see ./LICENSE).
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jsColorEngine</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<header class="topbar">
    <div class="topbar-head">
        <div class="brand">
            <span class="brand-mark">jsColorEngine</span>
            <span class="brand-tag">ICC colour in JavaScript</span>
        </div>
        <nav class="nav" aria-label="Site">
            <a href="index.html" class="is-active">Home</a>
            <a href="samples.html">Samples</a>
            <a href="bench/">Bench</a>
        </nav>
    </div>
    <nav class="nav nav--secondary" aria-label="Home">
        <a href="index.html" class="is-active">Welcome</a>
    </nav>
</header>

<main>

<section class="card">
    <h2>jsColorEngine</h2>
    <p class="lead">
        Javascript ICC profile colour engine &mdash; in-browser colour management
        and analysis. A fuller project introduction and design notes will
        live here. For now, use <a href="samples.html">Samples</a> to try the
        runnable demos, or <a href="bench/">Bench</a> to measure
        throughput on your own hardware.
    </p>
    <p class="muted">
        Engine: MPL-2.0 &middot; <a href="https://github.com/glennwilton/jsColorEngine">Source on GitHub</a>
    </p>
</section>

<section class="card">
    <h2>Explore samples</h2>
    <div class="info-grid" style="margin-top:12px">
        <a href="samples.html" class="info-cell" style="text-decoration:none">
            <span class="lbl">Ready</span>
            <span class="val" style="color:var(--accent)">Samples</span>
            <span class="muted" style="margin-top:4px">Interactive demo pages.
             <ul style="padding-left:15px">
                <li>Live Video Soft proofing</li>
                <li>Soft proofing with gamut warnings</li>
                <li>jsCE vs Lcms-wasm</li>
            </ul>
            </span>
        </a>
        <a href="bench/" class="info-cell" style="text-decoration:none">
            <span class="lbl">Ready</span>
            <span class="val" style="color:var(--accent)">Bench</span>
            <span class="muted" style="margin-top:4px">Interactive browser benchmark.
            <ul style="padding-left:15px">
                <li>jsCE vs Lcms-wasm</li>
                <li>float, int8 and int16 throughput</li>
                <li>Native js, wasm and wasm simd</li>
                <li>No lut vs LUT</li>
            </ul>
            </span>
        </a>
        <a href="https://github.com/glennwilton/jsColorEngine/blob/main/samples/ICCImage.md" class="info-cell" style="text-decoration:none">
            <span class="lbl">Ready — on GitHub</span>
            <span class="val" style="color:var(--accent)">ICCImage</span>
            <span class="muted" style="margin-top:4px">
            A simple wrapper around <code>jsColorEngine</code> to make it
            easy to load, convert and display images with ICC profiles.
            API reference and usage on GitHub.
            </span>
        </a>
        <a href="https://github.com/glennwilton/jsColorEngine/blob/main/samples/lutbuilder.md" class="info-cell" style="text-decoration:none">
            <span class="lbl">Ready — on GitHub</span>
            <span class="val" style="color:var(--accent)">LUT Builder</span>
            <span class="muted" style="margin-top:4px">
            Build, edit, and export ICC-accurate LUTs to portable JSON.
            TIFF visual editing workflow — capture any CMS as a reusable LUT.
            CLI tool, browser demo, lcms-wasm bridge. v1.4.4.
            </span>
        </a>
    </div>
    <p class="muted" style="margin-top:16px; max-width:90ch">
        Samples: MIT &mdash; all sample code and the <code>ICCImage</code> helper and <code>LUTBuilder</code>are
        free to use and distribute under the sample
        <a href="LICENSE">license</a>.
        Demo images from <a href="https://picsum.photos">Lorem Picsum</a> and videos from
        <a href="https://pixabay.com">Pixabay</a> remain copyrighted by their respective owners.
    </p>
</section>

</main>

<footer class="footer">
    <span>&copy; 2026 Glenn Wilton, O2 Creative Limited &middot; <a href="LICENSE">MIT License</a> (sample pages)</span>
    <span>
        <a href="https://github.com/glennwilton/jsColorEngine">GitHub</a>
        &middot;
        <a href="samples.html">Samples</a>
        &middot;
        <a href="bench/">Bench</a>
    </span>
</footer>

</body>
</html>