research-article

Playful palette: an interactive parametric color mixer for artists

Authors:

Maria Shugrina,

Stephen DiverdiAuthors Info & Claims

ACM Transactions on Graphics (TOG), Volume 36, Issue 4

Article No.: 61, Pages 1 - 10

https://doi.org/10.1145/3072959.3073690

Published: 20 July 2017 Publication History

Abstract

We present Playful Palette, a color picker interface for digital paint programs that derives intuition from oil paint and watercolor palettes, but extends them with digital features. A Playful Palette is a set of blobs of color that blend together to create gradients and gamuts. They can be directly manipulated to explore arrangements and harmonies. All edits are non-destructive, and an infinite history allows previous palettes to be revisited and modified, recoloring the painting. The Playful Palette design is motivated by a pilot study of how artists use paint palettes, and we evaluate the final design with a set of traditional and digital media painters to demonstrate that Playful Palette is effective both at enabling artists' color tasks, and at amplifying their creativity.

Supplementary Material

ZIP File (a61-shugrina.zip)

Supplemental files.

Download
30.01 MB

MP4 File (papers-0459.mp4)

Download
426.60 MB

References

[1]

Adobe. 2011. Adobe Color Lava for Photoshop. https://www.adobe.com/mena_en/products/color-lava.html.html. (2011).

[2]

Adobe. 2016a. Adobe Color CC. https://color.adobe.com. (2016).

[3]

Adobe. 2016b. Adobe Photoshop Sketch. https://www.adobe.com/products/sketch.html. (2016).

[4]

Penny F Bauersfeld and Jodi L Slater. 1991. User-oriented color interface design: direct manipulation of color in context. In Proc. SIGCHI Conf. Human Factors in Computing Systems (CHI). 417--418.

Digital Library

[5]

Bill Baxter, Vincent Scheib, Ming C Lin, and Dinesh Manocha. 2001. DAB: Interactive haptic painting with 3D virtual brushes. In Proc. Conf. Computer graphics and interactive techniques (SIGGRAPH). 461--468.

Digital Library

[6]

William Baxter, Jeremy Wendt, and Ming C Lin. 2004. IMPaSTo: a realistic, interactive model for paint. In Proc. Int. Symp. Non-photorealistic animation and rendering (NPAR). 45--148.

Digital Library

[7]

Anthony M Blatner, James A Ferwerda, Benjamin A Darling, and Reynold J Bailey. 2011. TangiPaint: A Tangible Digital Painting System. Color Imaging Conf. (2011), 102--107.

[8]

James F Blinn. 1982. A generalization of algebraic surface drawing. ACM Trans. Graph. 1, 3 (1982), 235--256.

Digital Library

[9]

Erin A. Carroll and Celine Latulipe. 2009. The Creativity Support Index. In Extended Abstracts on Human Factors in Computing Systems (CHIEA). 4009--4014.

[10]

Huiwen Chang, Ohad Fried, Yiming Liu, Stephen DiVerdi, and Adam Finkelstein. 2015. Palette-based Photo Recoloring. ACM Trans. Graph. 34, 4 (July 2015), 139:1--139:11.

Digital Library

[11]

CIE. 2001. Improvement to industrial colour-difference evaluation. Technical Report 142-2001. Central Bureau of the CIE.

[12]

Corel. 2017. Corel Painter. http://www.painterartist.com. (2017).

[13]

Cassidy J Curtis, Sean E Anderson, Joshua E Seims, Kurt W Fleischer, and David H Salesin. 1997. Computer-generated watercolor. In Proc. Conf. Computer graphics and interactive techniques (SIGGRAPH). 421--430.

Digital Library

[14]

Chris Dannen. 2012. The Magical Tech Behind Paper For iPad's Color-Mixing Perfection. https://www.fastcompany.com/3002676/open-company/magical-tech-behind-paper-ipads-color-mixing-perfection. (2012).

[15]

Andrew M Derrington, John Krauskopf, and Peter Lennie. 1984. Chromatic mechanisms in lateral geniculate nucleus of macaque. J. Phys. 357, 1 (1984), 241--265.

[16]

Sarah A Douglas and Arthur E Kirkpatrick. 1999. Model and representation: The effect of visual feedback on human performance in a color picker interface. ACM Trans. Graph. 18, 2 (1999), 96--127.

Digital Library

[17]

FiftyThree. 2016. Paper by FiftyThree - Sketch, Diagram, Take Notes. https://itunes.apple.com/us/app/paper-by-fiftythree-sketch/id506003812?mt=8. (2016).

[18]

C. C. Gramazio, D. H. Laidlaw, and K. B. Schloss. 2017. Colorgorical: Creating discriminable and preferable color palettes for information visualization. IEEE Trans. Vis. Comp. Graph. 23, 1 (Jan. 2017), 521--530.

Digital Library

[19]

Mark Harrower and Cynthia A. Brewer. 2003. ColorBrewer.org: An Online Tool for Selecting Colour Schemes for Maps. The Cartographic Journal 40, 1 (2003), 27--37.

[20]

Harry G. Hecht. 1983. A Comparison of the Kubelka-Munk, Rozenberg, and Pitts-Giovanelli Methods of Analysis of Diffuse Reflectance for Several Model Systems. Applied Spectroscopy 37, 4 (1983), 315--403.

[21]

Jeffrey Heer and Maureen Stone. 2012. Color Naming Models for Color Selection, Image Editing and Palette Design. In Proc. SIGCHI Conf. Human Factors in Computing Systems (CHI). 1007--1016. http://vis.stanford.edu/papers/color-naming-models

Digital Library

[22]

Guosheng Hu, Zhigeng Pan, Mingmin Zhang, De Chen, Wenzhen Yang, and Jian Chen. 2014. An interactive method for generating harmonious color schemes. Color Research & Application 39, 1 (2014), 70--78.

[23]

A. Jahanian, S. V. N. Vishwanathan, and J. P. Allebach. 2015. Autonomous color theme extraction from images using saliency. In Imaging and Multimedia Analytics in a Web and Mobile World (Proc. SPIE), Vol. 9408.

[24]

Ghita Jalal, Nolwenn Maudet, and Wendy E. Mackay. 2015. Color Portraits: From Color Picking to Interacting with Color. Proc. SIGCHI Conf. Human Factors in Computing Systems (CHI) (2015), 4207--4216.

[25]

N. Kita and K. Miyata. 2016. Aesthetic Rating and Color Suggestion for Color Palettes. Computer Graphics Forum 35, 7 (2016), 127--136.

Digital Library

[26]

Vinciane Lacroix. 2010. Automatic Palette Identification of Colored Graphics. In Proc. Int. Conf. Graphics recognition (GREC). 61--68.

[27]

Sheena Lewis, Mira Dontcheva, and Elizabeth Gerber. 2011. Affective Computational Priming and Creativity. In Proc. SIGCHI Conf. Human Factors in Computing Systems (CHI). 735--744.

Digital Library

[28]

Sharon Lin and Pat Hanrahan. 2013. Modeling how people extract color themes from images. In Proc. SIGCHI Conf. Human Factors in Computing Systems (CHI). 3101--3110.

Digital Library

[29]

Sharon Lin, Daniel Ritchie, Matthew Fisher, and Pat Hanrahan. 2013. Probabilistic Color-by-numbers: Suggesting Pattern Colorizations Using Factor Graphs. ACM Trans. Graph. 32, 4 (July 2013), 37:1--37:12.

Digital Library

[30]

Jingwan Lu, Stephen DiVerdi, Willa A Chen, Connelly Barnes, and Adam Finkelstein. 2014. RealPigment: Paint compositing by example. In Proc. Int. Symp. Non-photorealistic animation and rendering (NPAR). 21--30.

Digital Library

[31]

Donald IA MacLeod and Robert M Boynton. 1979. Chromaticity diagram showing cone excitation by stimuli of equal luminance. J. Opt. Soc. Am 69, 8 (1979), 1183--1186.

[32]

Barbara J Meier, Anne Morgan Spalter, and David B Karelitz. 2004. Interactive color palette tools. IEEE Comp. Graph. App. 24, 3 (2004), 64--72.

Digital Library

[33]

Sára J. Molčan. 2016. I know what you're thinking... https://www.instagram.com/p/BJoKKAKj7Mw/. (2016). Instagram.

[34]

Klaus Mueller, Joachim Giesen, Peter Zolliker, Lujin Wang, and Kevin T. McDonnell. 2008. Color Design for Illustrative Visualization. IEEE Trans. Vis. Comp. Graph. 14 (2008), 1739--1754.

Digital Library

[35]

Chuong H. Nguyen, Tobias Ritschel, and Hans-Peter Seidel. 2015. Data-Driven Color Manifolds. ACM Trans. Graph. 34, 2 (March 2015), 20:1--20:9.

Digital Library

[36]

Peter O'Donovan, Aseem Agarwala, and Aaron Hertzmann. 2011. Color Compatibility from Large Datasets. ACM Trans. Graph. 30, 4 (July 2011), 63:1--63:12.

Digital Library

[37]

Peter O'Donovan, Aseem Agarwala, and Aaron Hertzmann. 2014. Collaborative Filtering of Color Aesthetics. In Proc. Wksp. Computational Aesthetics (CAe). 33--40.

Digital Library

[38]

Yoshio Okumura. 2005. Developing a spectral and colorimetric database of artist paint materials. Master's thesis. Rochester Institute of Technology.

[39]

Michael W Schwarz, William B Cowan, and John C Beatty. 1987. An experimental comparison of RGB, YIQ, LAB, HSV, and opponent color models. ACM Trans. Graph. 6, 2 (1987), 123--158.

Digital Library

[40]

Alvy Ray Smith. 1978. Color gamut transform pairs. In Proc. Conf. Computer graphics and interactive techniques (SIGGRAPH). 12--19.

Digital Library

[41]

Alvy Ray Smith and Eric Ray Lyons. 1996. HWB---A More Intuitive Hue-Based Color Model. J. Graph. Tools 1, 1 (Jan. 1996), 3--17.

Digital Library

[42]

KyoungHee Son, Seo Young Oh, Yongkwan Kim, Hayan Choi, Seok-Hyung Bae, and Ganguk Hwang. 2015. Color Sommelier: Interactive Color Recommendation System Based on Community-Generated Color Palettes. In Adj. Proc. ACM Sym. User Interface Software & Technology (UIST Adjunct). 95--96.

Digital Library

[43]

Peter Vandoren, Tom Van Laerhoven, Luc Claesen, Johannes Taelman, Chris Raymaekers, and Frank Van Reeth. 2008. IntuPaint: Bridging the gap between physical and digital painting. Proc. IEEE Int. Wksp. Horizontal Interactive Human Computer Systems (TABLETOP) (2008), 65--72.

[44]

Martijn Wijffelaars, Roel Vliegen, Jarke J. Van Wijk, and Erik-Jan Van Der Linden. 2008. Generating Color Palettes using Intuitive Parameters. Computer Graphics Forum 27, 3 (2008), 743--750.

Digital Library

[45]

Brian Wyvill and Geoff Wyvill. 1989. Field functions for implicit surfaces. The Visual Computer 5, 1 (1989), 75--82.

Cited By

Jiang YXu PZhang CFu HLau HWang W(2025)Region-Aware Color SmudgingIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.337421031:4(1999-2011)Online publication date: Apr-2025
https://doi.org/10.1109/TVCG.2024.3374210
Yang BWei TLi FLiang XDeng ZFang Y(2024)Color Theme Evaluation through User Preference ModelingACM Transactions on Applied Perception10.1145/366532921:3(1-35)Online publication date: 21-May-2024
https://dl.acm.org/doi/10.1145/3665329
Leake MDaly R(2024)ScrapMap: Interactive Color Layout for Scrap QuiltingProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676404(1-17)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676404
Show More Cited By

Index Terms

Playful palette: an interactive parametric color mixer for artists
1. Applied computing
  1. Arts and humanities
    1. Media arts
2. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction paradigms
      1. Graphical user interfaces
    2. Interaction techniques
      1. Gestural input

Recommendations

Painting with CATS: Camera-Aided Texture Synthesis
CHI EA '19: Extended Abstracts of the 2019 CHI Conference on Human Factors in Computing Systems

We present CATS, a digital painting system that synthesizes textures from live video in real-time, short-cutting the typical brush- and texture- gathering workflow. Through the use of boundary-aware texture synthesis, CATS produces strokes that are non-...
Painting with CATS: Camera-Aided Texture Synthesis
CHI '19: Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems

We present CATS, a digital painting system that synthesizes textures from live video in real-time, short-cutting the typical brush- and texture- gathering workflow. Through the use of boundary-aware texture synthesis, CATS produces strokes that are non-...
ColorfulCurves: Palette-Aware Lightness Control and Color Editing via Sparse Optimization

Color editing in images often consists of two main tasks: changing hue and saturation, and editing lightness or tone curves. State-of-the-art palette-based recoloring approaches entangle these two tasks. A user's only lightness control is changing the ...

Comments

Information & Contributors

Information

Published In

cover image ACM Transactions on Graphics

ACM Transactions on Graphics Volume 36, Issue 4

August 2017

2155 pages

ISSN:0730-0301

EISSN:1557-7368

DOI:10.1145/3072959

Issue’s Table of Contents

Copyright © 2017 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 20 July 2017

Published in TOG Volume 36, Issue 4

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

38
Total Citations
View Citations
1,485
Total Downloads

Downloads (Last 12 months)84
Downloads (Last 6 weeks)6

Reflects downloads up to 07 Mar 2025

Other Metrics

View Author Metrics

Citations

Cited By

Jiang YXu PZhang CFu HLau HWang W(2025)Region-Aware Color SmudgingIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.337421031:4(1999-2011)Online publication date: Apr-2025
https://doi.org/10.1109/TVCG.2024.3374210
Yang BWei TLi FLiang XDeng ZFang Y(2024)Color Theme Evaluation through User Preference ModelingACM Transactions on Applied Perception10.1145/366532921:3(1-35)Online publication date: 21-May-2024
https://dl.acm.org/doi/10.1145/3665329
Leake MDaly R(2024)ScrapMap: Interactive Color Layout for Scrap QuiltingProceedings of the 37th Annual ACM Symposium on User Interface Software and Technology10.1145/3654777.3676404(1-17)Online publication date: 13-Oct-2024
https://dl.acm.org/doi/10.1145/3654777.3676404
Shi XWang YWang YZhao J(2024)Piet: Facilitating Color Authoring for Motion Graphics VideoProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642711(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642711
Shi XLiu MZhou ZNeshati ARossi RZhao J(2024)Exploring Interactive Color Palettes for Abstraction-Driven Exploratory Image ColorizationProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642223(1-16)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642223
Hegemann LOulasvirta A(2024)Palette, Purpose, Prototype: The Three Ps of Color Design and How Designers Navigate ThemProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3641976(1-19)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3641976
Guan MLi JHu JGu ZWang YLu ZWang K(2024)From Digital Art to Crypto Art: The Evolution of Art Brought by NFTInternational Journal of Human–Computer Interaction10.1080/10447318.2024.2395088(1-20)Online publication date: 10-Sep-2024
https://doi.org/10.1080/10447318.2024.2395088
Hagen MCruzes DJaccheri LFails J(2024)Evaluating digital creativity support for childrenInternational Journal of Child-Computer Interaction10.1016/j.ijcci.2023.10060338:COnline publication date: 27-Feb-2024
https://dl.acm.org/doi/10.1016/j.ijcci.2023.100603
Kubota YYoshida SInami M(2023)Apparent color picker: color prediction model to extract apparent color in photosFrontiers in Signal Processing10.3389/frsip.2023.11332103Online publication date: 9-May-2023
https://doi.org/10.3389/frsip.2023.1133210
Tao ZZhao JSahir S(2023)Modeling the connection between oil painting creation and university students’ inspiration in the context of “Internet+”Applied Mathematics and Nonlinear Sciences10.2478/amns.2023.2.002209:1Online publication date: 21-Aug-2023
https://doi.org/10.2478/amns.2023.2.00220
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Article

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Figures

Tables

Media

View Issue’s Table of Contents