Cupcake icon

Cupcake

A color tool for designers who write code
and developers who work with colors.

Easily change color codes in any text editor

Select a color in your code.

a:hover {
  background-color: rgb(255, 57, 57);
  font-weight: bold;
  border-bottom: none;
}

Press a key combo.



This is what Cupcake looks like. You can modify the color now.

Screenshot of Cupcake

After you exit Cupcake, the color text has been updated automatically!

a:hover {
  background-color: rgb(255, 102, 102);
  font-weight: bold;
  border-bottom: none;
}

Features

Support

Support is available via support@colorcupcake.com or Twitter.