Tetradic Schemes

+ Square Schemes

The square method is synonymous with tetradic with a 90° angle.

.scheme('tetradic', {
  angle: number, // optional, default = 45
  round: boolean // optional, defaults to true
})
.scheme('square', {
  round: boolean // optional, defaults to true
}) // angle = 90

Examples

tetradic

45°

hsv: { h: 344, s: 100, v: 100, a: 100 }ff0044hsv: { h: 29, s: 100, v: 100, a: 100 }ff7b00hsv: { h: 209, s: 100, v: 100, a: 100 }0084ffhsv: { h: 164, s: 100, v: 100, a: 100 }00ffbb

tetradic

90°

hsv: { h: 344, s: 100, v: 100, a: 100 }ff0044hsv: { h: 74, s: 100, v: 100, a: 100 }c3ff00hsv: { h: 254, s: 100, v: 100, a: 100 }3c00ffhsv: { h: 164, s: 100, v: 100, a: 100 }00ffbb

tetradic

160°

hsv: { h: 344, s: 100, v: 100, a: 100 }ff0044hsv: { h: 144, s: 100, v: 100, a: 100 }00ff66hsv: { h: 324, s: 100, v: 100, a: 100 }ff0099hsv: { h: 164, s: 100, v: 100, a: 100 }00ffbb

square

90°

hsv: { h: 344, s: 100, v: 100, a: 100 }ff0044hsv: { h: 74, s: 100, v: 100, a: 100 }c3ff00hsv: { h: 254, s: 100, v: 100, a: 100 }3c00ffhsv: { h: 164, s: 100, v: 100, a: 100 }00ffbb

JavaScript

const Color = require('chromaticity-color-utilities')

const scheme1 = Color.from('rgb', [255, 0, 255]).scheme('tetradic', {
  angle: 42,
})
// [
//   rgb { r: 255, g: 0, b: 255, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 255, g: 0, b: 76, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 0, g: 255, b: 179, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 0, g: 255, b: 0, a: 255, bitDepth: 8, max: 255 }
// ]
const scheme2 = Color.from('rgb', [255, 0, 255]).scheme('square')
// [
//   rgb { r: 255, g: 0, b: 255, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 255, g: 128, b: 0, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 0, g: 128, b: 255, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 0, g: 255, b: 0, a: 255, bitDepth: 8, max: 255 }
// ]

TypeScript

import Color from 'chromaticity-color-utilities'

const scheme1: Color.rgb[] = Color.from('rgb', [255, 0, 255]).scheme(
  'tetradic',
  { angle: 42 }
)