Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Sebagian besar aplikasi Blockly menggunakan berbagai warna blok untuk mengelompokkan blok secara visual
ke dalam kategori. Blok yang dikirimkan dengan Blockly mencakup beberapa kategori,
dengan warna yang dicerminkan oleh berbagai kategori toolbar dalam demo:
Warna tambahan pada blok berasal dari warna utama. Misalnya,
blok bayangan
adalah versi desaturasi dari warna utama, dan warna batas adalah versi
yang lebih gelap.
Menetapkan warna blok
Warna primer blok dapat ditentukan dalam JSON atau JavaScript. Anda
dapat meneruskan hue (lebih disukai), nilai RGB, atau nama warna; untuk informasi selengkapnya,
lihat Format warna.
JSON
{// ...,"colour":160,}
JavaScript
init:function(){// ...this.setColour(160);}
Perhatikan ejaan Inggris. Kegagalan dalam menetapkan warna akan menghasilkan blok hitam.
Anda juga dapat menetapkan warna blok menggunakan
fungsi
Block.setColour(..), atau dengan menggunakan tema
dan menentukan gaya blok.
Aksesibilitas
Untuk mengetahui informasi tentang pengaruh warna terhadap aksesibilitas, lihat Warna dan
aksesibilitas
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-25 UTC."],[],[],null,["# Block colours\n\nMost Blockly apps use a variety of block colours to visually group the blocks\ninto categories. The blocks shipped with Blockly include several categories,\nwith the colours mirrored by the various toolbar categories in the demos:\n\nAdditional colours on the block are derived from the main colour. For example,\n[shadow blocks](/blockly/guides/configure/web/toolboxes/preset#shadow_blocks)\nare a desaturated version of the main colour, and border colours are a darker\nversion.\n| **Tip:** If you want more control over shadow block or border colours, learn about [defining a theme](/blockly/guides/configure/web/appearance/themes).\n\nSet block colour\n----------------\n\nThe primary colour of a block can be defined in either JSON or JavaScript. You\ncan pass the hue (preferred), RGB value, or color name; for more information,\nsee [Colour formats](/blockly/guides/configure/web/appearance/colour-formats). \n\n### JSON\n\n {\n // ...,\n \"colour\": 160,\n }\n\n### JavaScript\n\n init: function() {\n // ...\n this.setColour(160);\n }\n\nNote the British spelling. Failure to set the colour results in a black block.\n\nYou can also set the block color using the\n[`Block.setColour(..)`](/blockly/reference/js/blockly.block_class.setcolour_1_method)\nfunction, or by using [themes](/blockly/guides/configure/web/appearance/themes)\nand defining a block style.\n\nAccessibility\n-------------\n\nFor information about how colour affects accessibility, see [Colour and\naccessibility](/blockly/guides/configure/web/colour-a11y)"]]