Skip to content

Instantly share code, notes, and snippets.

@wildwest-service
Last active August 18, 2017 13:43
Show Gist options
  • Save wildwest-service/7083617 to your computer and use it in GitHub Desktop.
Save wildwest-service/7083617 to your computer and use it in GitHub Desktop.
【テキストデータ以外をGistに入れるのはやっぱ無理があったみたいなので、以後こちらで。 https://bitbucket.org/kazya/_pccs.scss/overview 】 This file is partial file for Compass/Sass by PCCS (Practical Color Coordinate System).You can include and use your sass or scss files what RGB color number variables in this file.ご自分のsassファイルにincludeしてください。PCCSの略記号をRGB色番号の変数名として使用できるようになります。
@charset "utf-8";
/*
# The variables partial file by PCCS-Tone for Compass/Sass
## What is this
This file is partial file for Compass/Sass by PCCS (Practical Color Coordinate System).
You can include and use your sass or scss files what RGB color number variables in this file.
PCCS was developed by the Japan Color Research Institute.
It's a discrete color space indexed by hue and tone.
Japan Color Research Institute: http://www.jcri.jp/JCRI/index.html
## Cite
RGB color numbers of this file: cited from http://www.garakuta.net/color/pccs/matrix.html
### Attention
It's unofficial RGB color numbers.
## Who made
This file was made by Kaz'ya NAGAO in WILDWEST-SERVICE(in Japan).
http://www.wildwest-service.com
*/
/*
## Color variables
*/
/***********************************
### Highest saturation group.
***********************************/
/*
#### Vivid-tone
Vivid-tones having the highest saturation.
*/
$v1 : #b91f57;
$v2 : #d02f48;
$v3 : #dd443b;
$v4 : #e95b23;
$v5 : #e67800;
$v6 : #f49d00;
$v7 : #f1b500;
$v8 : #eec900;
$v9 : #d2c100;
$v10: #a8bb00;
$v11: #58a91d;
$v12: #00a15a;
$v13: #00926e;
$v14: #00857f;
$v15: #007488;
$v16: #00709b;
$v17: #00609c;
$v18: #005ba5;
$v19: #1a54a5;
$v20: #534aa0;
$v21: #703f96;
$v22: #81378a;
$v23: #8f2e7c;
$v24: #ad2e6c;
/**********************************
### 2nd high saturation group
***********************************/
/*
#### Bright-tone
Bright-tones are brightest in 2nd high saturation group.
*/
$b2 : #ef6c70;
$b4 : #fa8155;
$b6 : #ffad36;
$b8 : #fad831;
$b10: #b7c82b;
$b12: #41b879;
$b14: #00aa9f;
$b16: #0098b9;
$b18: #2981c0;
$b20: #7574bc;
$b22: #a165a8;
$b24: #d0678e;
/*
#### Strong-tone
Strong-tones are 2nd high bright in 2nd high saturation group.
*/
$s2 : #c53f4d;
$s4 : #cc572e;
$s6 : #e19215;
$s8 : #debc03;
$s10: #9cad00;
$s12: #008f56;
$s14: #00827c;
$s16: #006f92;
$s18: #005b9b;
$s20: #534c98;
$s22: #7c3d84;
$s24: #a33c6a;
/*
#### Deep-tone
Deep-tones are 3rd high bright (darkest) in 2nd high saturation group.
*/
$dp2 : #a61d39;
$dp4 : #ab3d1d;
$dp6 : #b16c00;
$dp8 : #b39300;
$dp10: #748400;
$dp12: #007243;
$dp14: #006664;
$dp16: #005476;
$dp18: #004280;
$dp20: #3e337b;
$dp22: #612469;
$dp24: #861d55;
/***********************************
### 3rd high saturation group.
***********************************/
/*
#### Light-tone
Light-tones are brightest in 3rd high saturation group.
These Light-tones are the same as Pale+.
*/
$lt2 : #f19896;
$lt4 : #ffa787;
$lt6 : #ffbe71;
$lt8 : #f2d96e;
$lt10: #c7d36d;
$lt12: #85ce9e;
$lt14: #62c0b5;
$lt16: #5bafc4;
$lt18: #6c9ac5;
$lt20: #9091c3;
$lt22: #b088b5;
$lt24: #d98ea5;
/*
#### Soft-tone
Soft-tones are 2nd bright in 3rd high saturation group.
*/
$sf2 : #ca8281;
$sf4 : #da927a;
$sf6 : #dba66b;
$sf8 : #d3bd6c;
$sf10: #adb66b;
$sf12: #76b18a;
$sf14: #54a39b;
$sf16: #5192a4;
$sf18: #5d7ea0;
$sf20: #7878a0;
$sf22: #907194;
$sf24: #b4788b;
/*
#### Dull-tone
Dull-tones are 3rd bright in 3rd high saturation group.
*/
$d2 : #a35a5c;
$d4 : #af6954;
$d6 : #b37f46;
$d8 : #ab9446;
$d10: #858f46;
$d12: #4f8766;
$d14: #2a7b76;
$d16: #246a7d;
$d18: #34597d;
$d20: #54527c;
$d22: #6c4a71;
$d24: #8b4f65;
/*
#### Dark-tone
Dark-tone are 4th bright in 3rd high saturation group.
*/
$dk2 : #692934;
$dk4 : #75362a;
$dk6 : #794d1c;
$dk8 : #74601f;
$dk10: #525b20;
$dk12: #23523a;
$dk14: #004746;
$dk16: #004558;
$dk18: #123452;
$dk20: #322d51;
$dk22: #432848;
$dk24: #612d46;
/***********************************
### 4th high saturation group.
***********************************/
/*
#### Pale-tone
Pale-tones are brightest in 4th high saturation group.
These Pale-tones are the same as Pale+.
*/
$p2 : #e8c2bf;
$p4 : #ebc2b5;
$p6 : #f4d4b0;
$p8 : #f2e6b8;
$p10: #d8ddad;
$p12: #aed4b9;
$p14: #a6d4cc;
$p16: #add1da;
$p18: #afc0d1;
$p20: #bbbdd0;
$p22: #c8b9c9;
$p24: #dec4ca;
/*
#### LightGrayish-tone
LightGrayish-tones are 2nd high bright in 4th high saturation group.
*/
$ltg2 : #c0abaa;
$ltg4 : #c1aba5;
$ltg6 : #cebba8;
$ltg8 : #c6bea1;
$ltg10: #bdc1a2;
$ltg12: #9db6a5;
$ltg14: #98b6b1;
$ltg16: #9eb4b9;
$ltg18: #9ba5af;
$ltg20: #a2a2af;
$ltg22: #aba0ab;
$ltg24: #bdacb0;
/*
#### Grayish-tone
Grayish-tones are 3rd high bright in 4th high saturation group.
*/
$g2 : #745c5c;
$g4 : #755c57;
$g6 : #806c5c;
$g8 : #786f57;
$g10: #6e725a;
$g12: #53665a;
$g14: #4e6764;
$g16: #4f656c;
$g18: #4c5765;
$g20: #565566;
$g22: #605262;
$g24: #725c63;
/*
#### DarkGrayish-tone
DarkGrayish-tones are 4th high bright(darkest) in 4th high saturation group.
*/
$dkg2 : #3e2d30;
$dkg4 : #3f2e2c;
$dkg6 : #4a3c32;
$dkg8 : #443e30;
$dkg10: #3d4033;
$dkg12: #2a342e;
$dkg14: #273434;
$dkg16: #273439;
$dkg18: #222933;
$dkg20: #292734;
$dkg22: #302531;
$dkg24: #3d2e34;
/***********************************
### No saturation group.
***********************************/
/*
#### Neutral-gray
Neutral-gray haven't saturaiton.
*/
$w : #f1f1f1;
$gy-8 : #d6d6d6; /* Gy-8.5 */
$gy-7 : #bbbbbb; /* Gy-7.5 */
$gy-6 : #a1a1a1; /* Gy-6.5 */
$gy-5 : #878787; /* Gy-5.5 */
$gy-4 : #6d6d6d; /* Gy-4.5 */
$gy-3 : #545454; /* Gy-3.5 */
$gy-2 : #3c3c3c; /* Gy-2.5 */
$bk : #272727;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment