ज़्यादातर Blockly ऐप्लिकेशन, ब्लॉक को कैटगरी में ग्रुप करने के लिए, अलग-अलग रंगों का इस्तेमाल करते हैं. Blockly के साथ शिप किए गए ब्लॉक में कई कैटगरी शामिल होती हैं. इनके रंग, डेमो में टूलबार की अलग-अलग कैटगरी के रंगों से मेल खाते हैं:
ब्लॉक पर मौजूद अन्य रंग, मुख्य रंग से लिए जाते हैं. उदाहरण के लिए, शेड ब्लॉक, मुख्य रंग का हल्का वर्शन होता है. साथ ही, बॉर्डर के रंग, मुख्य रंग के गहरे वर्शन होते हैं.
ब्लॉक का रंग सेट करना
किसी ब्लॉक का मुख्य रंग, JSON या JavaScript में से किसी एक में तय किया जा सकता है. इसके लिए, रंग का नाम, आरजीबी वैल्यू या रंग का ह्यू (इसका सुझाव दिया जाता है) दिया जा सकता है. ज़्यादा जानकारी के लिए, रंग के फ़ॉर्मैट देखें.
JSON
{
// ...,
"colour": 160,
}
JavaScript
init: function() {
// ...
this.setColour(160);
}
ब्रिटिश स्पेलिंग पर ध्यान दें. रंग सेट न करने पर, ब्लैक ब्लॉक दिखता है.
Block.setColour(..)
फ़ंक्शन का इस्तेमाल करके भी ब्लॉक का रंग सेट किया जा सकता है. इसके अलावा, थीम का इस्तेमाल करके और ब्लॉक स्टाइल तय करके भी ऐसा किया जा सकता है.
सुलभता
रंग से सुलभता पर पड़ने वाले असर के बारे में जानने के लिए, रंग और सुलभता लेख पढ़ें