CSS Prism

Load CSS
  • #000
    • Line 9: None { background
    • Line 20: #header_wrapper { background
    • Line 148: .black_on_color { color
    • Line 171: .color_on_black { background
    • Line 329: .css { -moz-text-shadow
    • Line 330: .css { text-shadow
  • #111
    • Line 212: .color_instance { background
    • Line 248: a.color_instance_list_control { background
  • #222
    • Line 428: #bookmarklet_link { background
  • #2e2e2e
    • Line 405: #bookmarklet { border-right
  • #333
    • Line 107: .color_container { border
    • Line 213: .color_instance { border-bottom
    • Line 214: .color_instance { border-left
    • Line 215: .color_instance { border-right
    • Line 227: .color_instance_last { border
    • Line 246: a.color_instance_list_control { border
    • Line 257: a.color_instance_list_control_hide { border-bottom
    • Line 284: #options { border-bottom
  • #444
    • Line 260: a.color_instance_list_control:hover { border-color
    • Line 370: .error { border
    • Line 382: .error h3 { border-bottom
    • Line 432: #bookmarklet_link:hover { background
    • Line 462: #jump_link { color
  • #666
    • Line 273: a.color_container:hover { border-color
    • Line 424: #bookmarklet_link { border
    • Line 447: #credits p { color
    • Line 465: #jump_link a { color
  • #7f7f7f
    • Line 152: .gray_on_color { color
    • Line 181: .color_on_gray { background
  • #808080
    • Line 75: #nav_interior li a { border-bottom
    • Line 302: #options li a { border-bottom
  • #aaa
    • Line 74: #nav_interior li a { color
    • Line 79: #nav_interior li a:hover { border-color
    • Line 301: #options li a { color
    • Line 306: #options li a:hover { border-color
    • Line 431: #bookmarklet_link:hover { border-color
    • Line 450: #credits p a { color
  • #b00
    • Line 381: .error h3 { color
  • #ccc
    • Line 5: None { background
    • Line 211: .color_instance { color
    • Line 239: a.color_instance_list_control { color
  • #ddd
    • Line 99: #flat_content { color
    • Line 388: .error_details { color
    • Line 414: #bookmarklet p { color
    • Line 423: #bookmarklet_link { color
  • #fff
    • Line 8: None { color
    • Line 78: #nav_interior li a:hover { color
    • Line 96: h2.title { color
    • Line 156: .white_on_color { color
    • Line 191: .color_on_white { background
    • Line 218: .color_instance strong { color
    • Line 261: a.color_instance_list_control:hover { color
    • Line 305: #options li a:hover { color
    • Line 326: .css { color
    • Line 433: #bookmarklet_link:hover { color
    • Line 454: #credits p a:hover { color
    • Line 469: #jump_link a:hover { color

Drag this CSS Prism bookmarklet to your browser’s bookmark bar to view and modify the color spectrum from any website.

Designed and developed by Ryan Berg.
Built using Django, jQuery, and ColorPicker.
Hosted on WebFaction.

Jump to top | Help

Select a color to edit. After applying your changes, you can download the edited CSS file.

  • Download Edited CSS