gulpfile.js

var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var deploy = require('gulp-gh-pages');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer-core');
var cssimport = require('postcss-import');
var customProperties = require('postcss-custom-properties');
var hwb = require('postcss-color-hwb');
var color = require('color');
var customMedia = require('postcss-custom-media');

var url = require('url');

gulp.task('styles', function () {
    var processors = [
        cssimport(),
        hwb(),
        customMedia(),
        customProperties(),
        autoprefixer({ browsers: ['last 2 versions'] })
    ];

    return gulp.src(['css_src/main.css', 'css_src/frontpage-only.css'])
        .pipe(postcss(processors))
        .pipe(gulp.dest('css'));
});

// gulp.task('deploy', function () {
//     return gulp.src(['www/**'])
//         .pipe(deploy());
// });

gulp.task('default', function() {
    browserSync({
        server: {
            baseDir: ['www'],
            routes: {
                '/css' : 'css',
                '/svg' : 'svg'
            }
        }
    });

    gulp.watch(['www/**/*', 'css/*.css', 'svg/*.svg'], reload);
    gulp.watch(['css_src/*'], ['styles']);

});

gulp.task('color', function() {
    console.log(color('rgb(221, 25, 29)').hwb());
    console.log(color('rgb(176, 18, 10)').hwb());
});