Last active
August 18, 2017 13:43
-
-
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色番号の変数名として使用できるようになります。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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