ไม่ว่าคุณจะพอใจกับการทำงานกับสี hex, RGB หรือ RGBA มากขึ้น Fabric ก็มอบรองพื้นสีทึบเพื่อช่วยให้คุณแสดงออกได้อย่างเป็นธรรมชาติที่สุด ต่อไปนี้เป็นวิธีบางส่วนที่คุณสามารถกำหนดสีใน Fabric:
new fabric.Color('#f55');
new fabric.Color('#123123');
new fabric.Color('356735');
new fabric.Color('rgb(100,0,100)');
new fabric.Color('rgba(10, 20, 30, 0.5)');การแปลงก็ตรงไปตรงมาเช่นกัน toHex() จะแปลงอินสแตนซ์สีเพื่อแสดงเลขฐานสิบหก toRgb() — เป็น RGB หนึ่ง และ toRgba() — เป็น RGB พร้อมช่องอัลฟา
new fabric.Color('#f55').toRgb(); // "rgb(255,85,85)"
new fabric.Color('rgb(100,100,100)').toHex(); // "646464"
new fabric.Color('fff').toHex(); // "FFFFFF"การแปลงไม่ใช่สิ่งเดียวที่คุณสามารถทำได้กับสี คุณยังสามารถซ้อนทับสีหนึ่งกับอีกสีหนึ่งหรือเปลี่ยนเป็นเวอร์ชันสีเทาได้
var redish = new fabric.Color('#f55');
var greenish = new fabric.Color('#5f5');
redish.overlayWith(greenish).toHex(); // "AAAA55"
redish.toGrayscale().toHex(); // "A1A1A1"