You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: readme.md
+32-23
Original file line number
Diff line number
Diff line change
@@ -4,55 +4,64 @@ onyx is a color tool made for software designers and developers — people w
4
4
5
5
the purpose of onyx is to provide you with a way to easily create and generate custom color palettes that you can use in a variety of contexts. onyx can be your full service color tool for any kind of chromatics-related research and development.
6
6
7
-
designing an app and need some color inspiration? onyx can do that. want to convert colors from one format to another? onyx does that too! the list goes on — you'll never need another color app.
7
+
designing an app and need some color inspiration? onyx can do that. want to convert colors from one format to another? onyx does that too! the list goes on — you'll never need another color app. maybe.
8
8
9
-
onyx was created with the comfort and enjoyment of the user in mind.
9
+
onyx was created with the comfort and enjoyment of the user in mind. if you think some feature doesn't feel intuitive, or some workflow is awkward, please let me know. I try to design interfaces that are fun and easy to use!
10
10
11
-
<hr>
11
+
## how to use / download
12
12
13
-
## (indev) screenshots
13
+
go to [jpegzilla.com/onyx](https://jpegzilla.com/onyx). if you're on a current version of chrome, edge, or safari, you should be prompted to download onyx as a [pwa](https://en.wikipedia.org/wiki/Progressive_web_app). otherwise, you can't download it, but you can use the online version as long as you have internet.
14
14
15
-

- convert colors into a variety of different formats
18
+
- get data on similar colors from other palettes, such as pantone, behr, and crayola
19
+
- offline-first - onyx doesn't store your data online, so you always have access and control
20
+
- create and export palettes in several different formats for sharing or use in other software, including adobe software
21
+
- get contrast data in wcag2 and acpa forms
18
22
19
23
<hr>
20
24
21
-
## development
25
+
## screenshots
22
26
23
-
while onyx is still in development, you can run it by downloading this repository and running [serve](https://www.npmjs.com/package/serve) or something like `python3 -m http.server` in the directory.
- convert colors into a variety of different formats
28
-
- get data on similar colors from other palettes, such as pantone, behr, and crayola
29
-
- offline-first - onyx doesn't store your data online, so you always have access and control
31
+

32
+
33
+
<hr>
30
34
31
-
## (upcoming) features
35
+
## upcoming features
32
36
33
37
**onyx is still in development - features are incomplete.**
34
38
35
-
- three color selector control modes — choose between hsl, rgb, and hex
36
-
- generate full palettes with the click of a button — with fine-tuned generation options
37
-
- create palettes one color at a time for maximum freedom
39
+
- three color slider control modes — choose between hsl, rgb, and lch
40
+
- fine-tune palette generation options
38
41
- see what your colors will look like on a rendered 3-dimensional shape
39
-
- export palettes for adobe products, css code, and more
40
-
- export and share palettes with other people who use onyx
42
+
- visualize colors in various color spaces
41
43
- create custom color workspaces to separate your palettes per project
42
44
- drag and drop controls makes creating and organizing palettes easier
43
45
- simulate color different types of color blindness with your palettes
46
+
- improved keyboard controls for keyboard-only onyx usage
44
47
45
-
### contributing
46
-
47
-
_... tbd_
48
-
49
-
### also maybe coming
48
+
_also maybe coming..._
50
49
51
50
- yiq, ycbcr, y'uv color
52
51
- cieluv
53
52
- customizable keyboard shortcuts
54
53
- create palette from image
55
54
55
+
## why does this exist?
56
+
57
+
I use many color tools simultaneously when I'm doing interface design. creating a color palette often means I'll visit [monochrome](https://monochrome.jxnblk.com/), [colorable](https://colorable.jxnblk.com/), [contrast ratio](https://contrast-ratio.com/), [apca contrast calculator](https://www.myndex.com/APCA/), and even [coolors](https://coolors.co/generate).
58
+
59
+
I wanted to create one complete solution for everything I need when creating interface color palettes. onyx is the next step in my quest to achieve this goal, with the previous step being [emerald](https://jpegzilla.com/emerald).
60
+
61
+
## development
62
+
63
+
while onyx is still in development, you can run it by downloading this repository and running [serve](https://www.npmjs.com/package/serve) or something like `python3 -m http.server` in the directory.
0 commit comments