dldevinc / django-spectrum

Provides an colorpicker field for use in Django models

django-spectrum

Provides a colorpicker field for Django

Compatibility

• python >= 3.6
• django >= 1.11

Quickstart

Install django-spectrum:

pip install django-spectrum

Add it to your INSTALLED_APPS list:

INSTALLED_APPS = (
    ...
    "spectrum",
)

Then add it to your models:

from django.db import models
from spectrum.fields import ColorField

class MyModel(models.Model):
    color = ColorField(_("color"), default="#FFFF00")

Color class

The module defines a Color class which is used to represent the ColorField attribute on the model. The Color class can also be used standalone without any Django model.

Some examples of funcionality provided by the Color class:

from spectrum.color import Color

c = Color("#FFDA0080")

>>> print(c.red)
255

>>> print(c.alpha)
128

>>> print(c.hex)
#FFDA00

>>> print(c.hexa)
#FFDA0080

>>> print(c.rgb)
rgb(255, 218, 0)

>>> print(c.rgba)
rgba(255, 218, 0, 0.5)

>>> print(c.opacity)
0.5

>>> print(c.as_tuple())
(255, 218, 0, 128)

django-spectrum's Issues

Default for ColorField must be instance of Color

If default value for ColorField is not an instance of Color, then get_prep_value errors when making migrations or initializing model as encode_color errors with str instance does not have attribute 'opaque'

Passing color to html, css

Hello everyone,
I am kinda new to this, and I am creating a small website and I need this.
I wonder if I set color in Django admin, how can I transfer that color to HTML (background color in div, etc)

Thanks

Throws "django is not defined" Javascript error in browser console

Python 3.6
Django 2.1.8
wagtail 2.4

The widget does not initialize in admin and throws a "django is not defined" error in browser console. I traced it back to the last line of venv/lib/python3.6/site-packages/spectrum/static/spectrum/js/widget.js

which is

})(django.jQuery || jQuery);

Apparently the django global object is not available in this context so replacing it with

})(jQuery);

makes the error go away.