Landometer Design System 0.9.6

สามสีหลัก
ไล่ระดับอย่างเห็นความต่าง

14 สเกลทางเดียว ใช้หัว–กลาง–ท้ายต่างเฉดชัดเจน เช่น ครีม → เขียว → ฟ้า
คงความสว่างทางเดียว และ density โทนร้อนครบทุกตัวหาร

DS 0.9.6 · สีที่อนุมัติ พร้อมนำไปใช้

14 × 2สเกลทางเดียว · พื้นสว่างและมืด

4 densityพื้นที่ · คน · ครัวเรือน · สิ่งปลูกสร้าง

20 families14 sequential ใหม่ · 6 diverging คงเดิม

ดูทุกชุดสีและรายละเอียดได้โดยไม่ใช้ JavaScript ปุ่มเปลี่ยนตัวอย่างต้องเปิด JavaScript

One release / People + tools

ออกแบบและทำงานจากชุดเดียวกัน

Let us cultivate our city with data.
ชัดเจน สุขุม ใช้หลักฐาน และบอกสิ่งที่ทำต่อได้

สำหรับคน

อ่านคู่มือแบรนด์ กฎการเลือกสี ฟอนต์และตัวอย่าง แล้วใช้ atlas ด้านล่างเทียบงานจริง

คู่มือ DS 0.9.6 · ตัวอย่างการใช้งานจาก 0.9.1

สำหรับเครื่องมือ

ชุดเดียวสำหรับ ChatGPT, Codex และ Claude พร้อม token, LUT, ฟอนต์ โลโก้ และตัวตรวจงาน

ดาวน์โหลดแพ็กเกจ 0.9.6 · ตรวจเวอร์ชัน

สำหรับทีม

ติดตั้งแพ็กเกจ ตั้งนโยบายผู้ใช้ และตรวจงานก่อนส่งต่อ Claude Design มีขั้นตอนนำเข้า design system แยก

ขั้นตอนเปิดใช้ให้ทีม · แหล่งไฟล์บน GitHub

03 / Categorical

พื้นมืดมีน้ำหนัก สีไม่ซีดเท่ากันทั้งชุด

สืบทอดสี Soft, Vivid และ Ink จาก 0.9.5 ทั้งพื้นสว่างและมืด
ป้ายชื่อ หมายเลข และรูปทรงคงเดิม

ตัวอย่างพื้นสว่าง

Soft · สุขุมขึ้น

0.9.6 · คงเดิม

01 coral

02 apricot

03 yellow

04 lime

05 mint

06 sky

07 teal

08 blue

09 slate

10 green

ตัวอย่าง 10 หมวด · ข้อมูลสมมติ

ลดความซีดเท่ากันทั้งชุด ให้เขียว น้ำเงิน และ teal มีน้ำหนัก

Vivid · สีชัดขึ้น

0.9.6 · คงเดิม

01 coral

02 apricot

03 yellow

04 lime

05 mint

06 sky

07 teal

08 blue

09 slate

10 green

ตัวอย่าง 10 หมวด · ข้อมูลสมมติ

เพิ่มความสด แยกสีอุ่น–เย็นชัดขึ้น พร้อมคงหมายเลขและรูปทรง

พื้นสว่าง · คงเดิม

SOFT

01 coral

02 apricot

03 yellow

04 lime

05 mint

06 sky

07 teal

08 blue

09 slate

10 green

ตัวอย่าง 10 หมวด · ข้อมูลสมมติ

คงค่า soft, vivid และสีเส้นทุกค่าเดิม

เปิดชุด 0.9.5 ที่สืบทอดโดยไม่เปลี่ยนสี

Soft · สุขุมขึ้น

0.9.5

01 coral

02 apricot

03 yellow

04 lime

05 mint

06 sky

07 teal

08 blue

09 slate

10 green

ตัวอย่าง 10 หมวด · ข้อมูลสมมติ

ลดความซีดเท่ากันทั้งชุด ให้เขียว น้ำเงิน และ teal มีน้ำหนัก

Vivid · สีชัดขึ้น

0.9.5

01 coral

02 apricot

03 yellow

04 lime

05 mint

06 sky

07 teal

08 blue

09 slate

10 green

ตัวอย่าง 10 หมวด · ข้อมูลสมมติ

เพิ่มความสด แยกสีอุ่น–เย็นชัดขึ้น พร้อมคงหมายเลขและรูปทรง

พื้นสว่าง · คงเดิม

SOFT

01 coral

02 apricot

03 yellow

04 lime

05 mint

06 sky

07 teal

08 blue

09 slate

10 green

ตัวอย่าง 10 หมวด · ข้อมูลสมมติ

คงค่า soft, vivid และสีเส้นทุกค่าเดิม

รหัสสีหมวดหมู่ที่แสดงจริง

หมวด	Dark soft	Dark vivid / ink	Light soft เดิม	Light vivid เดิม	Light ink เดิม
series.01 coral	`#E37A84`	`#FF4F6D`	`#D88381`	`#F66C6D`	`#963538`
series.02 apricot	`#F59B62`	`#FF8A37`	`#E39B6E`	`#FF8A36`	`#182327`
series.03 yellow	`#ECCB67`	`#FFD242`	`#EAC578`	`#FDC010`	`#182327`
series.04 lime	`#A9C065`	`#A9CB00`	`#BECE7E`	`#BBD23C`	`#606E00`
series.05 mint	`#6EC69D`	`#00E39D`	`#7BD0A3`	`#2ADB94`	`#007047`
series.06 sky	`#62BEE6`	`#54CDFF`	`#6ACCF0`	`#36D0FF`	`#006580`
series.07 teal	`#2DA096`	`#00B6AB`	`#49C0BC`	`#00C4BF`	`#006967`
series.08 blue	`#5A8CDA`	`#5396FF`	`#6196D1`	`#3295F6`	`#0E599D`
series.09 slate	`#BFD4E7`	`#C0DBF4`	`#8AA4AA`	`#7FA6B0`	`#355F6A`
series.10 green	`#5B9455`	`#3CA633`	`#82AC79`	`#71B262`	`#34622A`

Every analytical family

14 ชุดทางเดียว · สีกลางเป็นอีกเฉดชัดเจน

ธีมสว่างเริ่มจากครีม #F2F1DF ผ่านสีกลางที่ต่างจากสีท้าย ธีมมืดใช้ช่วงความสว่างของตน
Density ทั้งสี่คงโทนร้อน อ่านชื่อ หน่วย และตัวหารร่วมกับสีเสมอ

Density · ร้อนทุกตัวหาร

4 ตระกูล

ความหนาแน่นต่อพื้นที่

0.9.6

density.area

พื้นสว่าง · Cream → yellow → orange

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

แห่ง / ตร.กม.

ต่อประชากร

0.9.6

density.capita

พื้นสว่าง · Cream → orange → rose

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

หน่วย / คน

ต่อครัวเรือน

0.9.6

density.household

พื้นสว่าง · Cream → rose pink → scarlet

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

หน่วย / ครัวเรือน

พื้นที่ก่อสร้าง

0.9.6

built

พื้นสว่าง · Cream → pink → gold

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

ดัชนีตัวอย่าง

กิจกรรม ความเข้ม และราคา

4 ตระกูล

กิจกรรม

0.9.6

activity

พื้นสว่าง · Cream → golden yellow → coral red

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

ดัชนีกิจกรรมตัวอย่าง

ความร้อน

0.9.6

heat

พื้นสว่าง · Cream → pink → red

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

°C ตัวอย่าง

ระดับความเสี่ยง

0.9.6

risk

พื้นสว่าง · Cream → orange → deep scarlet

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

ดัชนีตัวอย่าง ไม่ใช่การประเมินพื้นที่จริง

ราคา

0.9.6

price

พื้นสว่าง · Cream → cyan → emerald

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

บาท / หน่วย ตัวอย่าง

ปริมาณ อายุ และระยะ

6 ตระกูล

อายุ

0.9.6

age

พื้นสว่าง · Cream → mint → olive green

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

ปี

การเติบโต

0.9.6

growth

พื้นสว่าง · Cream → azure → teal

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

ดัชนีการเติบโตตัวอย่าง

ความเชื่อมั่น

0.9.6

confidence

พื้นสว่าง · Cream → mint green → ink blue

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

คะแนนตัวอย่าง

จำนวนรวม

0.9.6

count

พื้นสว่าง · Cream → green → azure

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

แห่ง

น้ำ

0.9.6

water

พื้นสว่าง · Cream → lime green → cyan

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

ระดับน้ำตัวอย่าง

ระยะเวลา

0.9.6

duration

พื้นสว่าง · Cream → sage green → blue slate

พื้นสว่างน้อย → มาก

พื้นมืดน้อย → มาก

นาที

สองทิศทาง · ค่ากลางต้องมีความหมาย

6 ตระกูล

สมดุล

0.9.6

balance

Coral ↔ azure / คอรัล–ฟ้า

พื้นสว่าง− / 0 / +

พื้นมืด− / 0 / +

ค่าต่างจากจุดสมดุล 0

การเปลี่ยนแปลง

0.9.6

delta

Rose ↔ mint / กุหลาบ–มิ้นต์

พื้นสว่าง− / 0 / +

พื้นมืด− / 0 / +

การเปลี่ยนแปลงจากฐาน 0

การแลกเปลี่ยน

0.9.6

tradeoff

Amber ↔ ink blue / อำพัน–น้ำเงินหมึก

พื้นสว่าง− / 0 / +

พื้นมืด− / 0 / +

ค่ากลาง 0

การไหลสุทธิ

0.9.6

flow

Orange ↔ cyan / ส้ม–ฟ้าน้ำ

พื้นสว่าง− / 0 / +

พื้นมืด− / 0 / +

การไหลสุทธิตัวอย่าง

ความคิดเห็น

0.9.6

sentiment

Scarlet ↔ green / แดง–เขียว

พื้นสว่าง− / 0 / +

พื้นมืด− / 0 / +

คะแนนตัวอย่าง

ความผิดปกติ

0.9.6

anomaly

Blue ↔ red / น้ำเงิน–แดง

พื้นสว่าง− / 0 / +

พื้นมืด− / 0 / +

ส่วนต่างจากฐาน 0

สเกลข้อมูลควรสื่อความหมายใกล้กันเป็นกลุ่ม แต่ไม่ควรใช้สีเพียงอย่างเดียวเพื่อบอกชื่อ metric ตระกูลที่ใกล้กันยังต้องมีชื่อ หน่วย และ legend ชัดเจน

ทุกขั้นสีของ DS 0.9.6 · 20 ตระกูล × 2 ธีม × 41 ขั้น

กิจกรรม · activity · Cream → golden yellow → coral red

เส้นทางสีพื้นสว่าง: ครีม → เหลืองทอง → แดงคอรัล; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#C1332C`
1/40	`#F1EDD7`	`#C33A2C`
2/40	`#F0EACF`	`#C4412B`
3/40	`#EFE6C7`	`#C5482B`
4/40	`#EEE3BE`	`#C74E2A`
5/40	`#EEDFB6`	`#C85429`
6/40	`#EDDCAE`	`#CA5A28`
7/40	`#ECD8A5`	`#CB5F27`
8/40	`#EBD59D`	`#CC6526`
9/40	`#EAD194`	`#CD6A25`
10/40	`#E9CD8C`	`#CE7024`
11/40	`#E8CA83`	`#CF7522`
12/40	`#E7C67A`	`#D07A21`
13/40	`#E6C270`	`#D17F1F`
14/40	`#E5BF66`	`#D2841C`
15/40	`#E4BB5C`	`#D3891A`
16/40	`#E3B751`	`#D48E17`
17/40	`#E1B345`	`#D49313`
18/40	`#E0B037`	`#D5980E`
19/40	`#DFAC24`	`#D59D07`
20/40	`#DEA800`	`#D6A200`
21/40	`#DDA204`	`#D8A523`
22/40	`#DC9C08`	`#DAA834`
23/40	`#DA960C`	`#DCAB42`
24/40	`#D9900F`	`#DEAE4E`
25/40	`#D78A11`	`#E0B159`
26/40	`#D68413`	`#E2B462`
27/40	`#D47E14`	`#E4B76C`
28/40	`#D37816`	`#E6BA75`
29/40	`#D17217`	`#E8BC7E`
30/40	`#CF6C18`	`#EABF86`
31/40	`#CD6619`	`#ECC28F`
32/40	`#CB5F1A`	`#EEC597`
33/40	`#CA591A`	`#F0C89F`
34/40	`#C7521B`	`#F2CBA7`
35/40	`#C54B1B`	`#F4CDAF`
36/40	`#C3441B`	`#F6D0B7`
37/40	`#C13C1C`	`#F8D3BF`
38/40	`#BF341C`	`#FAD6C7`
39/40	`#BC2A1C`	`#FCD8CE`
40/40	`#BA1F1C`	`#FEDBD6`

ความหนาแน่นต่อพื้นที่ · density.area · Cream → yellow → orange

เส้นทางสีพื้นสว่าง: ครีม → เหลือง → ส้ม; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#DF5D00`
1/40	`#F0EED7`	`#DF6300`
2/40	`#EFECCF`	`#DF6800`
3/40	`#EDE9C7`	`#DF6D00`
4/40	`#ECE7BF`	`#DF7200`
5/40	`#EAE4B7`	`#DE7700`
6/40	`#E8E1AF`	`#DE7C00`
7/40	`#E7DFA7`	`#DE8100`
8/40	`#E5DC9F`	`#DD8600`
9/40	`#E4DA96`	`#DD8A00`
10/40	`#E2D78E`	`#DC8F00`
11/40	`#E1D485`	`#DC9300`
12/40	`#DFD17C`	`#DB9800`
13/40	`#DECF73`	`#DA9C00`
14/40	`#DCCC69`	`#DAA100`
15/40	`#DAC95E`	`#D9A500`
16/40	`#D9C653`	`#D8AA00`
17/40	`#D7C447`	`#D7AE00`
18/40	`#D6C139`	`#D6B200`
19/40	`#D4BE26`	`#D4B700`
20/40	`#D3BB00`	`#D3BB00`
21/40	`#D4B700`	`#D5BD24`
22/40	`#D5B200`	`#D7C036`
23/40	`#D6AE00`	`#D9C244`
24/40	`#D7A900`	`#DBC450`
25/40	`#D8A500`	`#DDC75B`
26/40	`#D9A000`	`#E0C964`
27/40	`#DA9C00`	`#E2CB6E`
28/40	`#DA9700`	`#E4CE77`
29/40	`#DB9300`	`#E6D07F`
30/40	`#DC8E00`	`#E8D288`
31/40	`#DC8900`	`#EBD490`
32/40	`#DC8400`	`#EDD798`
33/40	`#DD8000`	`#EFD9A0`
34/40	`#DD7B00`	`#F1DBA7`
35/40	`#DD7600`	`#F3DDAF`
36/40	`#DD7100`	`#F6DFB6`
37/40	`#DD6B00`	`#F8E2BE`
38/40	`#DD6600`	`#FAE4C5`
39/40	`#DD6100`	`#FDE6CD`
40/40	`#DD5B00`	`#FFE8D4`

ความร้อน · heat · Cream → pink → red

เส้นทางสีพื้นสว่าง: ครีม → ชมพู → แดง; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#B68100`
1/40	`#F3ECDD`	`#B9821D`
2/40	`#F5E7DC`	`#BD842D`
3/40	`#F6E3DA`	`#C08539`
4/40	`#F7DED8`	`#C48644`
5/40	`#F8D9D6`	`#C7874D`
6/40	`#F9D4D5`	`#CB8856`
7/40	`#FACFD3`	`#CF895F`
8/40	`#FBCAD1`	`#D28A67`
9/40	`#FCC5CF`	`#D68C6F`
10/40	`#FCC1CE`	`#D98C77`
11/40	`#FDBCCC`	`#DD8D7E`
12/40	`#FDB7CA`	`#E18E86`
13/40	`#FEB2C8`	`#E58F8D`
14/40	`#FEACC7`	`#E89094`
15/40	`#FEA7C5`	`#EC919C`
16/40	`#FFA2C3`	`#F092A3`
17/40	`#FF9DC1`	`#F492AA`
18/40	`#FF98C0`	`#F793B1`
19/40	`#FF92BE`	`#FB93B8`
20/40	`#FF8DBC`	`#FF94BF`
21/40	`#FA88B4`	`#FF98C1`
22/40	`#F582AD`	`#FF9DC3`
23/40	`#F17DA5`	`#FFA1C4`
24/40	`#EC779E`	`#FFA5C6`
25/40	`#E77297`	`#FFAAC8`
26/40	`#E26C8F`	`#FFAECA`
27/40	`#DD6688`	`#FFB2CC`
28/40	`#D86181`	`#FFB6CD`
29/40	`#D45B79`	`#FFBACF`
30/40	`#CF5672`	`#FFBED1`
31/40	`#CA506B`	`#FFC2D3`
32/40	`#C54A64`	`#FFC6D5`
33/40	`#C0445D`	`#FFCAD7`
34/40	`#BB3E56`	`#FFCDD8`
35/40	`#B6384F`	`#FFD1DA`
36/40	`#B23248`	`#FFD5DC`
37/40	`#AD2B41`	`#FFD9DE`
38/40	`#A82439`	`#FFDDE0`
39/40	`#A31C32`	`#FFE0E1`
40/40	`#9E122B`	`#FFE4E3`

ระดับความเสี่ยง · risk · Cream → orange → deep scarlet

เส้นทางสีพื้นสว่าง: ครีม → ส้ม → แดงเข้ม; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#C12440`
1/40	`#F2ECD6`	`#C32B3F`
2/40	`#F3E7CE`	`#C5313E`
3/40	`#F3E1C5`	`#C7373D`
4/40	`#F3DCBC`	`#C93C3C`
5/40	`#F3D7B4`	`#CB413B`
6/40	`#F3D2AB`	`#CD4639`
7/40	`#F3CCA2`	`#CF4B38`
8/40	`#F2C79A`	`#D14F36`
9/40	`#F2C291`	`#D25434`
10/40	`#F2BC88`	`#D45832`
11/40	`#F1B77E`	`#D65D30`
12/40	`#F1B175`	`#D8612E`
13/40	`#F0AC6C`	`#DA652B`
14/40	`#EFA662`	`#DC6928`
15/40	`#EFA157`	`#DD6D24`
16/40	`#EE9B4C`	`#DF7120`
17/40	`#ED9540`	`#E1751B`
18/40	`#EC9033`	`#E37915`
19/40	`#EB8A21`	`#E47D0D`
20/40	`#EA8400`	`#E68100`
21/40	`#E57E08`	`#E78621`
22/40	`#DF790F`	`#E98A32`
23/40	`#DA7313`	`#EA8F3F`
24/40	`#D46D17`	`#EC934B`
25/40	`#CF671A`	`#ED9755`
26/40	`#CA621C`	`#EE9C5F`
27/40	`#C45C1E`	`#F0A069`
28/40	`#BF561F`	`#F1A472`
29/40	`#B95120`	`#F2A97B`
30/40	`#B44B21`	`#F3AD83`
31/40	`#AF4522`	`#F5B18C`
32/40	`#A93F23`	`#F6B594`
33/40	`#A43923`	`#F7B99D`
34/40	`#9F3323`	`#F8BEA5`
35/40	`#992D23`	`#F9C2AD`
36/40	`#942723`	`#FAC6B5`
37/40	`#8F2023`	`#FBCABE`
38/40	`#8A1823`	`#FCCEC6`
39/40	`#840F23`	`#FDD2CE`
40/40	`#7F0322`	`#FED6D6`

ราคา · price · Cream → cyan → emerald

เส้นทางสีพื้นสว่าง: ครีม → ฟ้า cyan → เขียวมรกต; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#227C45`
1/40	`#EAEEDF`	`#217F4D`
2/40	`#E1ECE0`	`#208255`
3/40	`#D9E9E0`	`#1F855D`
4/40	`#D1E7E0`	`#1E8865`
5/40	`#C8E4E1`	`#1C8B6C`
6/40	`#BFE2E1`	`#1B8E74`
7/40	`#B7DFE1`	`#1A917B`
8/40	`#AEDCE1`	`#189483`
9/40	`#A5DAE1`	`#17978A`
10/40	`#9CD7E1`	`#159A92`
11/40	`#92D4E1`	`#149D99`
12/40	`#88D1E1`	`#129FA1`
13/40	`#7ECEE1`	`#10A2A8`
14/40	`#74CCE1`	`#0EA5B0`
15/40	`#69C9E1`	`#0CA8B7`
16/40	`#5CC6E1`	`#09ABBF`
17/40	`#4FC3E1`	`#07AEC6`
18/40	`#3FC0E0`	`#04B0CE`
19/40	`#2BBDE0`	`#02B3D5`
20/40	`#00BAE0`	`#00B6DD`
21/40	`#00B5D6`	`#20B9DC`
22/40	`#00B0CD`	`#31BCDC`
23/40	`#00ABC3`	`#3DBFDB`
24/40	`#00A6BA`	`#48C2DA`
25/40	`#00A1B0`	`#52C5DA`
26/40	`#009CA7`	`#5BC8D9`
27/40	`#00979E`	`#63CBD8`
28/40	`#009295`	`#6BCED7`
29/40	`#008D8C`	`#73D1D6`
30/40	`#008883`	`#7AD4D5`
31/40	`#00837A`	`#81D7D4`
32/40	`#007E71`	`#88DAD3`
33/40	`#007968`	`#8FDCD2`
34/40	`#00745F`	`#96DFD1`
35/40	`#006F56`	`#9DE2D0`
36/40	`#006A4E`	`#A3E5CE`
37/40	`#006545`	`#AAE8CD`
38/40	`#00613C`	`#B0EACC`
39/40	`#005C33`	`#B7EDCA`
40/40	`#005729`	`#BDF0C9`

อายุ · age · Cream → mint → olive green

เส้นทางสีพื้นสว่าง: ครีม → เขียวมิ้นต์ → เขียวมะกอก; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#527626`
1/40	`#EAEFDD`	`#517A2F`
2/40	`#E2EDDB`	`#517E37`
3/40	`#DAEBD9`	`#50823F`
4/40	`#D2E9D7`	`#4F8646`
5/40	`#CAE7D5`	`#4E8A4D`
6/40	`#C2E6D3`	`#4C8E54`
7/40	`#BAE4D1`	`#4B925B`
8/40	`#B1E2CF`	`#499562`
9/40	`#A9E0CC`	`#479969`
10/40	`#A0DDCA`	`#459D6F`
11/40	`#97DBC8`	`#43A176`
12/40	`#8ED9C6`	`#40A57D`
13/40	`#84D7C4`	`#3DA983`
14/40	`#7AD5C2`	`#3AAD8A`
15/40	`#6FD3C0`	`#36B191`
16/40	`#64D1BE`	`#31B597`
17/40	`#57CFBC`	`#2CB99E`
18/40	`#48CCBA`	`#25BDA5`
19/40	`#36CAB8`	`#1DC1AB`
20/40	`#1BC8B6`	`#10C5B2`
21/40	`#21C2AE`	`#2FC7B1`
22/40	`#26BDA6`	`#41C9B1`
23/40	`#2AB79E`	`#4FCCB0`
24/40	`#2EB296`	`#5BCEB0`
25/40	`#31AC8D`	`#66D0AF`
26/40	`#33A685`	`#71D2AE`
27/40	`#35A17D`	`#7AD4AE`
28/40	`#379B76`	`#83D6AD`
29/40	`#38966E`	`#8CD8AC`
30/40	`#399066`	`#95DAAB`
31/40	`#3A8B5E`	`#9DDCAA`
32/40	`#3B8656`	`#A5DEA9`
33/40	`#3B804E`	`#ADE0A8`
34/40	`#3C7B46`	`#B5E2A7`
35/40	`#3C753E`	`#BCE4A6`
36/40	`#3C7035`	`#C4E6A5`
37/40	`#3C6B2C`	`#CBE8A4`
38/40	`#3C6623`	`#D3E9A3`
39/40	`#3B6018`	`#DAEBA1`
40/40	`#3B5B0A`	`#E1EDA0`

ต่อครัวเรือน · density.household · Cream → rose pink → scarlet

เส้นทางสีพื้นสว่าง: ครีม → ชมพูกุหลาบ → แดงสการ์เล็ต; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#D1000E`
1/40	`#F4EADD`	`#D30C1F`
2/40	`#F5E3DA`	`#D5152A`
3/40	`#F7DCD8`	`#D71C34`
4/40	`#F8D4D5`	`#D9223D`
5/40	`#F9CDD3`	`#DB2746`
6/40	`#FAC6D1`	`#DD2B4E`
7/40	`#FBBECE`	`#E02F55`
8/40	`#FBB7CC`	`#E2335D`
9/40	`#FCB0C9`	`#E43664`
10/40	`#FCA8C7`	`#E63A6B`
11/40	`#FCA0C4`	`#E83D72`
12/40	`#FC99C2`	`#EA407A`
13/40	`#FC91C0`	`#EC4381`
14/40	`#FC89BD`	`#EE4588`
15/40	`#FC80BB`	`#F0488E`
16/40	`#FB78B8`	`#F24B95`
17/40	`#FB6FB6`	`#F54D9C`
18/40	`#FA66B3`	`#F74FA3`
19/40	`#F95CB1`	`#F952AA`
20/40	`#F851AE`	`#FB54B1`
21/40	`#F14EA6`	`#FC5CB3`
22/40	`#EB4A9E`	`#FD64B4`
23/40	`#E44795`	`#FD6CB6`
24/40	`#DE448D`	`#FE73B8`
25/40	`#D84085`	`#FF7AB9`
26/40	`#D13D7D`	`#FF81BB`
27/40	`#CB3A75`	`#FF88BC`
28/40	`#C5366D`	`#FF8FBE`
29/40	`#BE3365`	`#FF96BF`
30/40	`#B82F5E`	`#FF9CC1`
31/40	`#B22C56`	`#FFA2C3`
32/40	`#AC284E`	`#FFA8C4`
33/40	`#A62446`	`#FFAEC6`
34/40	`#A0203E`	`#FFB4C7`
35/40	`#991C36`	`#FFBAC9`
36/40	`#93182E`	`#FFC0CB`
37/40	`#8E1326`	`#FFC5CC`
38/40	`#880E1D`	`#FFCBCE`
39/40	`#820813`	`#FFD0CF`
40/40	`#7C0206`	`#FFD6D0`

การเติบโต · growth · Cream → azure → teal

เส้นทางสีพื้นสว่าง: ครีม → ฟ้า → เขียว teal; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#007B66`
1/40	`#EBEEE1`	`#067E6D`
2/40	`#E4ECE3`	`#0C8175`
3/40	`#DEE9E5`	`#11847C`
4/40	`#D7E7E7`	`#168784`
5/40	`#D0E4E9`	`#1A8A8B`
6/40	`#C9E1EB`	`#1F8C93`
7/40	`#C2DFED`	`#238F9A`
8/40	`#BBDCEE`	`#2692A2`
9/40	`#B4D9F0`	`#2A95A9`
10/40	`#ADD6F2`	`#2E98B1`
11/40	`#A6D4F3`	`#319BB9`
12/40	`#9FD1F5`	`#359DC0`
13/40	`#97CEF6`	`#39A0C8`
14/40	`#90CBF7`	`#3CA3D0`
15/40	`#89C8F9`	`#40A6D8`
16/40	`#81C5FA`	`#43A8DF`
17/40	`#79C2FB`	`#47ABE7`
18/40	`#71BFFD`	`#4AAEEF`
19/40	`#69BCFE`	`#4EB0F7`
20/40	`#60B9FF`	`#51B3FF`
21/40	`#5CB4F5`	`#56B7FE`
22/40	`#57B0EC`	`#5BBAFD`
23/40	`#53ABE3`	`#61BDFC`
24/40	`#4EA7D9`	`#66C1FB`
25/40	`#4AA2D0`	`#6BC4F9`
26/40	`#459DC7`	`#70C8F8`
27/40	`#4199BE`	`#75CBF7`
28/40	`#3D94B5`	`#7ACEF5`
29/40	`#3890AC`	`#7FD2F4`
30/40	`#348BA3`	`#83D5F3`
31/40	`#2F879A`	`#88D8F1`
32/40	`#2B8291`	`#8DDBF0`
33/40	`#267D88`	`#92DFEE`
34/40	`#227980`	`#97E2ED`
35/40	`#1D7477`	`#9CE5EB`
36/40	`#18706F`	`#A1E8E9`
37/40	`#136B66`	`#A5ECE8`
38/40	`#0D675E`	`#AAEFE6`
39/40	`#066255`	`#AFF2E4`
40/40	`#005E4D`	`#B4F5E2`

ความเชื่อมั่น · confidence · Cream → mint green → ink blue

เส้นทางสีพื้นสว่าง: ครีม → เขียวมิ้นต์ → น้ำเงินหมึก; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#4860BE`
1/40	`#EBEFDA`	`#4866BC`
2/40	`#E4EDD6`	`#486BBA`
3/40	`#DDEBD1`	`#4871B7`
4/40	`#D6E9CC`	`#4876B5`
5/40	`#CFE7C8`	`#487BB3`
6/40	`#C8E4C3`	`#4880B0`
7/40	`#C1E2BE`	`#4885AE`
8/40	`#B9E0BA`	`#498AAB`
9/40	`#B2DEB5`	`#498FA8`
10/40	`#ABDCB1`	`#4A94A5`
11/40	`#A3DAAC`	`#4A98A2`
12/40	`#9BD7A7`	`#4B9D9F`
13/40	`#94D5A3`	`#4BA29C`
14/40	`#8CD39E`	`#4CA699`
15/40	`#83D19A`	`#4DAB95`
16/40	`#7BCE95`	`#4EAF91`
17/40	`#72CC91`	`#4FB48D`
18/40	`#69CA8C`	`#50B889`
19/40	`#5FC788`	`#51BD85`
20/40	`#55C583`	`#52C180`
21/40	`#51BE85`	`#5BC386`
22/40	`#4DB787`	`#63C58D`
23/40	`#4AB089`	`#6BC793`
24/40	`#46A98B`	`#73C999`
25/40	`#43A28C`	`#7ACBA0`
26/40	`#3F9B8D`	`#81CCA6`
27/40	`#3C948E`	`#88CEAC`
28/40	`#398D8F`	`#8FD0B2`
29/40	`#36868F`	`#96D2B9`
30/40	`#337F90`	`#9CD4BF`
31/40	`#317890`	`#A3D5C5`
32/40	`#2E7190`	`#A9D7CB`
33/40	`#2C6A90`	`#B0D9D1`
34/40	`#2A6290`	`#B6DAD8`
35/40	`#285B90`	`#BCDCDE`
36/40	`#275490`	`#C2DEE4`
37/40	`#264C8F`	`#C9DFEA`
38/40	`#25448E`	`#CFE1F0`
39/40	`#243C8E`	`#D5E2F7`
40/40	`#24338D`	`#DBE4FD`

จำนวนรวม · count · Cream → green → azure

เส้นทางสีพื้นสว่าง: ครีม → เขียว → ฟ้า; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#036EAE`
1/40	`#ECEFD9`	`#0A73AB`
2/40	`#E5EDD2`	`#1177A8`
3/40	`#DFEACC`	`#177CA6`
4/40	`#D9E8C6`	`#1C80A3`
5/40	`#D3E6BF`	`#2284A0`
6/40	`#CCE4B9`	`#27899C`
7/40	`#C6E1B3`	`#2C8D99`
8/40	`#C0DFAC`	`#319196`
9/40	`#B9DDA6`	`#369592`
10/40	`#B3DAA0`	`#3B998E`
11/40	`#ACD899`	`#409D8A`
12/40	`#A6D693`	`#45A186`
13/40	`#9FD38C`	`#4AA582`
14/40	`#99D186`	`#4FA97D`
15/40	`#92CE7F`	`#54AC78`
16/40	`#8BCC79`	`#59B073`
17/40	`#84C972`	`#5EB46D`
18/40	`#7DC76B`	`#62B867`
19/40	`#76C564`	`#67BB60`
20/40	`#6FC25D`	`#6CBF59`
21/40	`#69BC61`	`#71C163`
22/40	`#64B765`	`#76C46C`
23/40	`#5FB169`	`#7BC675`
24/40	`#59AC6C`	`#80C87E`
25/40	`#54A66F`	`#85CA86`
26/40	`#4EA172`	`#8ACC8F`
27/40	`#499B74`	`#8FCF97`
28/40	`#439576`	`#94D19F`
29/40	`#3E9078`	`#99D3A7`
30/40	`#398A7A`	`#9ED5AF`
31/40	`#33857B`	`#A3D7B7`
32/40	`#2E7F7C`	`#A8D9BF`
33/40	`#28797E`	`#ADDBC7`
34/40	`#23747F`	`#B2DDCF`
35/40	`#1D6E80`	`#B6DFD7`
36/40	`#186880`	`#BBE1DF`
37/40	`#126381`	`#C0E3E6`
38/40	`#0B5D81`	`#C5E4EE`
39/40	`#055782`	`#CAE6F6`
40/40	`#005182`	`#CFE8FE`

น้ำ · water · Cream → lime green → cyan

เส้นทางสีพื้นสว่าง: ครีม → เขียวมะนาว → ฟ้าน้ำ; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#037687`
1/40	`#EDEFD9`	`#117A86`
2/40	`#E8EDD3`	`#1B7E85`
3/40	`#E2EBCD`	`#238183`
4/40	`#DDE9C7`	`#2A8582`
5/40	`#D8E8C1`	`#308980`
6/40	`#D3E6BB`	`#368C7F`
7/40	`#CEE4B5`	`#3C907D`
8/40	`#C9E2AF`	`#42947B`
9/40	`#C3E0A9`	`#479779`
10/40	`#BEDEA3`	`#4D9B77`
11/40	`#B9DC9D`	`#529F75`
12/40	`#B4DA97`	`#57A273`
13/40	`#AED891`	`#5CA670`
14/40	`#A9D68A`	`#62A96E`
15/40	`#A4D484`	`#67AD6B`
16/40	`#9FD17E`	`#6CB168`
17/40	`#99CF77`	`#71B465`
18/40	`#94CD71`	`#76B861`
19/40	`#8ECB6A`	`#7BBB5D`
20/40	`#89C963`	`#80BF59`
21/40	`#83C365`	`#83C262`
22/40	`#7DBE66`	`#86C46B`
23/40	`#76B868`	`#89C674`
24/40	`#70B269`	`#8CC97C`
25/40	`#6AAD6A`	`#8FCB85`
26/40	`#64A76B`	`#92CE8D`
27/40	`#5EA16B`	`#95D095`
28/40	`#589C6C`	`#98D39D`
29/40	`#52966C`	`#9BD5A4`
30/40	`#4C916C`	`#9ED7AC`
31/40	`#458B6C`	`#A2DAB4`
32/40	`#3F866C`	`#A5DCBC`
33/40	`#39806C`	`#A8DEC3`
34/40	`#327B6C`	`#ABE1CB`
35/40	`#2C756B`	`#AEE3D2`
36/40	`#25706B`	`#B2E5DA`
37/40	`#1E6A6A`	`#B5E7E1`
38/40	`#16656A`	`#B8EAE9`
39/40	`#0C5F69`	`#BCECF0`
40/40	`#005A68`	`#BFEEF8`

ต่อประชากร · density.capita · Cream → orange → rose

เส้นทางสีพื้นสว่าง: ครีม → ส้ม → ชมพูกุหลาบ; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#C40181`
1/40	`#F3ECD7`	`#C7197F`
2/40	`#F4E8CE`	`#CA267D`
3/40	`#F6E3C6`	`#CD307B`
4/40	`#F7DEBE`	`#D03979`
5/40	`#F7DAB5`	`#D34077`
6/40	`#F8D5AD`	`#D64875`
7/40	`#F9D0A4`	`#D94E72`
8/40	`#FACB9C`	`#DC556F`
9/40	`#FAC693`	`#DF5B6C`
10/40	`#FBC28A`	`#E26169`
11/40	`#FBBD81`	`#E56766`
12/40	`#FCB878`	`#E86C62`
13/40	`#FCB36F`	`#EB725E`
14/40	`#FCAE65`	`#EE7759`
15/40	`#FCA95A`	`#F17D54`
16/40	`#FCA34F`	`#F3824F`
17/40	`#FC9E43`	`#F68749`
18/40	`#FC9935`	`#F98D41`
19/40	`#FC9323`	`#FC9239`
20/40	`#FC8E00`	`#FF972E`
21/40	`#F7891C`	`#FF9B3F`
22/40	`#F28329`	`#FF9E4C`
23/40	`#EE7E33`	`#FFA258`
24/40	`#E9783A`	`#FFA663`
25/40	`#E47341`	`#FFA96D`
26/40	`#DF6D46`	`#FFAD77`
27/40	`#DB684B`	`#FFB080`
28/40	`#D6624F`	`#FFB389`
29/40	`#D15C52`	`#FFB791`
30/40	`#CC5655`	`#FFBA9A`
31/40	`#C85058`	`#FFBDA2`
32/40	`#C34A5B`	`#FFC0AA`
33/40	`#BE445D`	`#FFC3B2`
34/40	`#BA3E5F`	`#FFC6BA`
35/40	`#B53761`	`#FFC9C2`
36/40	`#B03062`	`#FFCCCA`
37/40	`#AC2864`	`#FFCFD2`
38/40	`#A71E65`	`#FFD2D9`
39/40	`#A31366`	`#FFD5E1`
40/40	`#9E0067`	`#FFD8E9`

พื้นที่ก่อสร้าง · built · Cream → pink → gold

เส้นทางสีพื้นสว่าง: ครีม → ชมพู → เหลืองทอง; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#BB9C00`
1/40	`#F3EEDE`	`#BE9D22`
2/40	`#F4ECDE`	`#C29E32`
3/40	`#F5E9DD`	`#C59F40`
4/40	`#F6E6DD`	`#C89F4B`
5/40	`#F6E4DC`	`#CBA055`
6/40	`#F7E1DC`	`#CFA15E`
7/40	`#F8DEDB`	`#D2A267`
8/40	`#F9DBDB`	`#D5A270`
9/40	`#F9D9DA`	`#D9A378`
10/40	`#FAD6DA`	`#DCA480`
11/40	`#FAD3D9`	`#E0A488`
12/40	`#FBD0D9`	`#E3A58F`
13/40	`#FCCED8`	`#E6A597`
14/40	`#FCCBD7`	`#EAA69E`
15/40	`#FDC8D7`	`#EDA6A5`
16/40	`#FDC5D6`	`#F1A6AD`
17/40	`#FEC2D6`	`#F4A6B4`
18/40	`#FEC0D5`	`#F8A7BB`
19/40	`#FFBDD5`	`#FBA7C2`
20/40	`#FFBAD4`	`#FFA7C9`
21/40	`#FDB9CD`	`#FFABC7`
22/40	`#FAB9C5`	`#FFAFC5`
23/40	`#F8B8BE`	`#FFB3C4`
24/40	`#F5B7B7`	`#FFB7C2`
25/40	`#F3B7AF`	`#FFBBC0`
26/40	`#F1B6A7`	`#FFBFBE`
27/40	`#EEB5A0`	`#FFC3BC`
28/40	`#ECB498`	`#FFC6BB`
29/40	`#EAB390`	`#FFCAB9`
30/40	`#E8B288`	`#FFCEB7`
31/40	`#E5B180`	`#FFD1B5`
32/40	`#E3B077`	`#FFD5B2`
33/40	`#E1AF6E`	`#FFD8B0`
34/40	`#DFAE65`	`#FFDCAE`
35/40	`#DDAD5B`	`#FFDFAB`
36/40	`#DAAC50`	`#FFE3A9`
37/40	`#D8AB45`	`#FFE6A6`
38/40	`#D6A937`	`#FFEAA3`
39/40	`#D4A825`	`#FFED9F`
40/40	`#D2A700`	`#FFF19B`

ระยะเวลา · duration · Cream → sage green → blue slate

เส้นทางสีพื้นสว่าง: ครีม → เขียว sage → สเลตน้ำเงิน; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#F2F1DF`	`#546D79`
1/40	`#EBEEDA`	`#55707A`
2/40	`#E5EBD5`	`#57747A`
3/40	`#DEE7D0`	`#58777B`
4/40	`#D8E4CA`	`#5A7B7B`
5/40	`#D1E1C5`	`#5B7E7C`
6/40	`#CBDEC0`	`#5C827C`
7/40	`#C4DBBB`	`#5E867C`
8/40	`#BDD8B6`	`#5F897D`
9/40	`#B7D4B1`	`#618D7D`
10/40	`#B0D1AC`	`#62907D`
11/40	`#AACEA7`	`#63947E`
12/40	`#A3CBA2`	`#65977E`
13/40	`#9CC89D`	`#669B7E`
14/40	`#96C498`	`#689E7E`
15/40	`#8FC193`	`#69A27F`
16/40	`#88BE8E`	`#6AA67F`
17/40	`#81BB8A`	`#6CA97F`
18/40	`#7AB785`	`#6DAD7F`
19/40	`#73B480`	`#6FB07F`
20/40	`#6CB17B`	`#70B47F`
21/40	`#68AB79`	`#75B785`
22/40	`#63A577`	`#7BB98A`
23/40	`#5F9E75`	`#80BC90`
24/40	`#5B9872`	`#85BE95`
25/40	`#579270`	`#8BC19B`
26/40	`#528C6E`	`#90C4A1`
27/40	`#4E866C`	`#95C6A6`
28/40	`#4A8069`	`#9AC9AC`
29/40	`#467A67`	`#9FCBB2`
30/40	`#427464`	`#A5CEB7`
31/40	`#3E6F62`	`#AAD0BD`
32/40	`#3A6960`	`#AFD3C2`
33/40	`#36635D`	`#B4D5C8`
34/40	`#325D5B`	`#B9D8CE`
35/40	`#2F5858`	`#BEDAD3`
36/40	`#2B5256`	`#C3DDD9`
37/40	`#274C53`	`#C9E0DF`
38/40	`#244750`	`#CEE2E5`
39/40	`#20414E`	`#D3E5EA`
40/40	`#1D3C4B`	`#D8E7F0`

สมดุล · balance · Coral ↔ azure / คอรัล–ฟ้า

คอรัลกับฟ้ารอบจุดสมดุลที่ระบุ ใช้ป้ายลบและบวก

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#BE2038`	`#FFA194`
1/40	`#C23141`	`#F49C90`
2/40	`#C63F4A`	`#EA978C`
3/40	`#CA4B53`	`#DF9288`
4/40	`#CD575D`	`#D58D84`
5/40	`#D16166`	`#CB8880`
6/40	`#D46C6F`	`#C1847C`
7/40	`#D77678`	`#B67F78`
8/40	`#DA8081`	`#AC7A74`
9/40	`#DD8A8B`	`#A27570`
10/40	`#DF9394`	`#99706C`
11/40	`#E19D9E`	`#8F6C68`
12/40	`#E4A7A7`	`#856764`
13/40	`#E5B0B1`	`#7B6260`
14/40	`#E7BABA`	`#725D5C`
15/40	`#E9C3C4`	`#685958`
16/40	`#EACDCE`	`#5F5454`
17/40	`#EBD6D8`	`#564F51`
18/40	`#ECE0E2`	`#4C4A4D`
19/40	`#EDE9EC`	`#434649`
20/40	`#EDF3F6`	`#3A4145`
21/40	`#E3ECF3`	`#3E474D`
22/40	`#D8E6EF`	`#414D56`
23/40	`#CEDFEC`	`#45535E`
24/40	`#C3D8E9`	`#485967`
25/40	`#B9D1E5`	`#4C6070`
26/40	`#AFCBE2`	`#4F6679`
27/40	`#A5C4DE`	`#526D82`
28/40	`#9ABEDB`	`#56738B`
29/40	`#90B7D7`	`#597A94`
30/40	`#86B0D4`	`#5D809D`
31/40	`#7BAAD0`	`#6087A7`
32/40	`#71A3CC`	`#648DB0`
33/40	`#669CC9`	`#6794BA`
34/40	`#5C96C5`	`#6B9BC3`
35/40	`#518FC1`	`#6EA2CD`
36/40	`#4689BD`	`#72A9D7`
37/40	`#3982BA`	`#75B0E1`
38/40	`#2C7BB6`	`#79B7EB`
39/40	`#1C75B2`	`#7CBEF5`
40/40	`#006EAE`	`#80C5FF`

การเปลี่ยนแปลง · delta · Rose ↔ mint / กุหลาบ–มิ้นต์

กุหลาบกับมิ้นต์รอบค่าเปลี่ยนแปลงศูนย์ ต้องระบุช่วงฐาน

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#B42965`	`#FF9BBA`
1/40	`#B8376C`	`#F496B4`
2/40	`#BD4372`	`#EA92AD`
3/40	`#C14E79`	`#E08DA7`
4/40	`#C55980`	`#D589A1`
5/40	`#C86387`	`#CB849B`
6/40	`#CC6D8E`	`#C18095`
7/40	`#CF7795`	`#B77B8F`
8/40	`#D3819C`	`#AD7789`
9/40	`#D68AA3`	`#A37283`
10/40	`#D994AB`	`#996E7D`
11/40	`#DB9DB2`	`#8F6977`
12/40	`#DEA7B9`	`#856571`
13/40	`#E1B0C1`	`#7C606C`
14/40	`#E3BAC8`	`#725C66`
15/40	`#E5C3D0`	`#695760`
16/40	`#E7CDD7`	`#5F535B`
17/40	`#E9D6DF`	`#564E55`
18/40	`#EAE0E7`	`#4D4A50`
19/40	`#ECE9EE`	`#43454A`
20/40	`#EDF3F6`	`#3A4145`
21/40	`#E3EDEE`	`#3D484A`
22/40	`#D9E7E6`	`#3F4F4F`
23/40	`#CFE1DE`	`#425654`
24/40	`#C5DBD6`	`#455D59`
25/40	`#BBD5CE`	`#47645F`
26/40	`#B1CFC7`	`#496B64`
27/40	`#A6C9BF`	`#4C7269`
28/40	`#9CC3B7`	`#4E7A6F`
29/40	`#92BDB0`	`#508174`
30/40	`#88B7A8`	`#528879`
31/40	`#7EB1A1`	`#54907F`
32/40	`#74AB99`	`#569884`
33/40	`#69A592`	`#579F8A`
34/40	`#5F9F8A`	`#59A790`
35/40	`#549983`	`#5BAF95`
36/40	`#49937C`	`#5CB79B`
37/40	`#3C8D75`	`#5DBFA1`
38/40	`#2F886E`	`#5FC7A6`
39/40	`#1E8267`	`#60CFAC`
40/40	`#007C60`	`#61D7B2`

การแลกเปลี่ยน · tradeoff · Amber ↔ ink blue / อำพัน–น้ำเงินหมึก

อำพันกับน้ำเงินหมึกรอบค่ากลางที่มีความหมาย

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#C86F00`	`#FAB549`
1/40	`#CF7300`	`#F9AA4A`
2/40	`#D67700`	`#F89E4B`
3/40	`#DD7C00`	`#F7924C`
4/40	`#E48000`	`#F5864D`
5/40	`#EC8400`	`#F37A4D`
6/40	`#F38900`	`#F16D4D`
7/40	`#FA8D00`	`#E46A51`
8/40	`#FA9632`	`#D76654`
9/40	`#FA9E4A`	`#CA6356`
10/40	`#FAA75E`	`#BD5F58`
11/40	`#FAAF6F`	`#B05C5A`
12/40	`#F9B780`	`#A4585B`
13/40	`#F8BF8F`	`#975658`
14/40	`#F7C69F`	`#8A5356`
15/40	`#F6CEAE`	`#7C5153`
16/40	`#F5D6BC`	`#6F4E50`
17/40	`#F3DDCB`	`#624B4E`
18/40	`#F1E4D9`	`#55484B`
19/40	`#EFECE8`	`#484448`
20/40	`#EDF3F6`	`#3A4145`
21/40	`#E4ECF4`	`#3F474D`
22/40	`#DBE4F3`	`#444D56`
23/40	`#D1DDF1`	`#4A535E`
24/40	`#C8D5EF`	`#4F5967`
25/40	`#BFCEED`	`#555F70`
26/40	`#B6C7EC`	`#5A6578`
27/40	`#AEBFEA`	`#606B81`
28/40	`#A5B8E7`	`#65728B`
29/40	`#9CB1E5`	`#6B7894`
30/40	`#94A9E3`	`#717F9D`
31/40	`#8BA2E1`	`#7785A6`
32/40	`#839ADE`	`#7C8CB0`
33/40	`#7B93DC`	`#8292BA`
34/40	`#728BD9`	`#8899C3`
35/40	`#6A84D7`	`#8EA0CD`
36/40	`#637CD4`	`#94A6D7`
37/40	`#5B75D2`	`#9AADE1`
38/40	`#536DCF`	`#A1B4EB`
39/40	`#4C65CC`	`#A7BBF5`
40/40	`#455DC9`	`#ADC2FF`

การไหลสุทธิ · flow · Orange ↔ cyan / ส้ม–ฟ้าน้ำ

ส้มกับฟ้าน้ำแยกขาออกและขาเข้า ต้องมีคำกำกับทิศทาง

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#C54300`	`#FFAE89`
1/40	`#CB4B12`	`#FAA485`
2/40	`#D2521E`	`#F59B81`
3/40	`#D85A28`	`#F0917D`
4/40	`#DF6131`	`#EA887A`
5/40	`#E5683A`	`#E57E76`
6/40	`#EC6F42`	`#DF7572`
7/40	`#F2774A`	`#DA6B6E`
8/40	`#F97E51`	`#CD686B`
9/40	`#FF8559`	`#C16668`
10/40	`#FF9069`	`#B46365`
11/40	`#FF9B78`	`#A86062`
12/40	`#FEA586`	`#9B5D5F`
13/40	`#FDB095`	`#8F5A5B`
14/40	`#FCBAA3`	`#835658`
15/40	`#FAC3B1`	`#775355`
16/40	`#F9CDBF`	`#6B5052`
17/40	`#F6D7CC`	`#5F4C4F`
18/40	`#F4E0DA`	`#53494C`
19/40	`#F1EAE8`	`#464548`
20/40	`#EDF3F6`	`#3A4145`
21/40	`#E3EDF0`	`#3D484C`
22/40	`#D9E7EB`	`#3F4F54`
23/40	`#CFE0E5`	`#42565C`
24/40	`#C5DAE0`	`#445D64`
25/40	`#BBD4DA`	`#46646C`
26/40	`#B1CED4`	`#486B74`
27/40	`#A7C8CF`	`#4A727C`
28/40	`#9DC2C9`	`#4C7A84`
29/40	`#93BCC4`	`#4E818C`
30/40	`#89B6BE`	`#4F8995`
31/40	`#7EAFB9`	`#51919D`
32/40	`#74A9B4`	`#5298A6`
33/40	`#6AA3AE`	`#53A0AE`
34/40	`#5F9DA9`	`#54A8B7`
35/40	`#5498A3`	`#55B0C0`
36/40	`#49929E`	`#56B8C9`
37/40	`#3D8C99`	`#57C0D2`
38/40	`#2F8694`	`#57C8DB`
39/40	`#1E808E`	`#58D0E4`
40/40	`#007A89`	`#58D8ED`

ความคิดเห็น · sentiment · Scarlet ↔ green / แดง–เขียว

แดงกับเขียวต้องมีเครื่องหมายและป้ายกำกับ รองรับคนแยกสีแดงเขียวยาก

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#BD1F3D`	`#FFA4A7`
1/40	`#C13046`	`#F49FA2`
2/40	`#C53E4F`	`#EA9A9D`
3/40	`#C94B57`	`#DF9598`
4/40	`#CD5660`	`#D59092`
5/40	`#D06169`	`#CB8B8D`
6/40	`#D36B72`	`#C18588`
7/40	`#D6757B`	`#B68083`
8/40	`#D97F84`	`#AC7B7E`
9/40	`#DC898D`	`#A27779`
10/40	`#DF9396`	`#987274`
11/40	`#E19DA0`	`#8F6D70`
12/40	`#E3A6A9`	`#85686B`
13/40	`#E5B0B2`	`#7B6366`
14/40	`#E7B9BC`	`#725E61`
15/40	`#E8C3C5`	`#68595C`
16/40	`#EACDCF`	`#5F5458`
17/40	`#EBD6D9`	`#564F53`
18/40	`#ECE0E2`	`#4C4B4E`
19/40	`#EDE9EC`	`#43464A`
20/40	`#EDF3F6`	`#3A4145`
21/40	`#E3EDEC`	`#3D4848`
22/40	`#DAE7E2`	`#404F4B`
23/40	`#D0E2D8`	`#43574E`
24/40	`#C7DCCE`	`#465E51`
25/40	`#BDD6C4`	`#496553`
26/40	`#B4D0BA`	`#4C6D56`
27/40	`#ABCBB1`	`#4F7459`
28/40	`#A1C5A7`	`#527C5C`
29/40	`#98BF9D`	`#55845E`
30/40	`#8EB994`	`#588C61`
31/40	`#85B48A`	`#5B9363`
32/40	`#7CAE81`	`#5D9B66`
33/40	`#72A877`	`#60A368`
34/40	`#69A26E`	`#63AB6B`
35/40	`#5F9D64`	`#65B36D`
36/40	`#55975B`	`#68BC6F`
37/40	`#4B9151`	`#6AC471`
38/40	`#418B47`	`#6DCC74`
39/40	`#35863D`	`#70D576`
40/40	`#298033`	`#72DD78`

ความผิดปกติ · anomaly · Blue ↔ red / น้ำเงิน–แดง

น้ำเงินกับแดงแทนต่ำกว่าและสูงกว่าฐาน ต้องระบุค่าอ้างอิง

ขั้น	พื้นสว่าง	พื้นมืด
0/40	`#225BB9`	`#9DC2FF`
1/40	`#2D63BD`	`#98BBF5`
2/40	`#376BC0`	`#92B4EB`
3/40	`#4173C4`	`#8DADE1`
4/40	`#4B7AC7`	`#88A6D7`
5/40	`#5582CB`	`#83A0CD`
6/40	`#5F8ACE`	`#7E99C3`
7/40	`#6991D1`	`#7992BA`
8/40	`#7299D4`	`#738CB0`
9/40	`#7CA0D8`	`#6E85A6`
10/40	`#86A8DB`	`#697F9D`
11/40	`#90AFDE`	`#657894`
12/40	`#9AB7E1`	`#60728B`
13/40	`#A4BEE4`	`#5B6C81`
14/40	`#AFC6E6`	`#566578`
15/40	`#B9CDE9`	`#515F70`
16/40	`#C3D5EC`	`#4C5967`
17/40	`#CDDCEE`	`#48535E`
18/40	`#D8E4F1`	`#434D56`
19/40	`#E2EBF4`	`#3F474D`
20/40	`#EDF3F6`	`#3A4145`
21/40	`#ECE9EB`	`#434649`
22/40	`#EBDFE1`	`#4C4B4E`
23/40	`#EAD5D6`	`#565052`
24/40	`#E8CBCC`	`#5F5456`
25/40	`#E6C1C2`	`#68595B`
26/40	`#E4B7B7`	`#725E5F`
27/40	`#E2ADAD`	`#7B6363`
28/40	`#DFA3A3`	`#856868`
29/40	`#DD9999`	`#8F6D6C`
30/40	`#DA8F8F`	`#987271`
31/40	`#D78586`	`#A27775`
32/40	`#D47A7C`	`#AC7C7A`
33/40	`#D07072`	`#B6817E`
34/40	`#CC6568`	`#C08683`
35/40	`#C95A5F`	`#CB8B88`
36/40	`#C54F55`	`#D5908C`
37/40	`#C1434C`	`#DF9591`
38/40	`#BC3642`	`#EA9B96`
39/40	`#B82639`	`#F4A09A`
40/40	`#B30F2F`	`#FFA59F`

Before / After

ต่างกันทั้งบุคลิกและระยะภายในสเกล

ดูช่วงสีเดิมเทียบกับชุดปรับ แล้วลองแบ่ง 3 / 5 / 7 / 9 ระดับ ตัวอย่างทั้งหมดเป็นข้อมูลสมมติ

ตระกูลข้อมูล

จำนวนระดับ

ช่วยตรวจความหมายทั้งหน้า

7 ระดับ

จำนวนรวม · Cream → green → azure
จำนวนรวม ไม่ใช่อัตราหรือความหนาแน่น · เส้นทางสีพื้นสว่าง: ครีม → เขียว → ฟ้า; พื้นมืดใช้สีกลางต่างเฉดเดียวกันและตารางความสว่างเฉพาะธีม

พื้นสว่าง

SEQUENTIAL

ก่อนหน้า · DS 0.9.5

ปรับใหม่ · ช่วงเต็มของ DS 0.9.641 ขั้น

หัว #F2F1DF · กลาง #6FC25D · ท้าย #005182

น้อยมาก

แบ่ง 7 ระดับ · ทั้งสองธีมใช้ช่วงเดียวกันΔE ต่ำสุด 7.81

0–<1515–<2929–<4343–<5858–<7272–<8686–100

ดัชนีสมมติ 0–100 · ตารางข้อมูล

100

พื้นมืด

SEQUENTIAL

ก่อนหน้า · DS 0.9.5

ปรับใหม่ · ช่วงเต็มของ DS 0.9.641 ขั้น

หัว #036EAE · กลาง #6CBF59 · ท้าย #CFE8FE

น้อยมาก

แบ่ง 7 ระดับ · ทั้งสองธีมใช้ช่วงเดียวกันΔE ต่ำสุด 7.77

0–<1515–<2929–<4343–<5858–<7272–<8686–100

ดัชนีสมมติ 0–100 · ตารางข้อมูล

100

หัว–กลาง–ท้ายต่างเฉดชัดเจน โดยคงความสว่างและทิศทางน้อย → มาก; สีกลางไม่ใช่ค่าศูนย์ · ตัวอย่างนี้ใช้ค่าจำนวนเต็ม และระบุขอบช่วงสำหรับจำนวนเต็ม · เกณฑ์ 2.2 ΔE เป็นเกณฑ์ตรวจระยะสี ไม่ใช่การรับรองการรับรู้สีของทุกคน

สีปกติ · ป้ายและรูปทรงช่วยรักษาความหมายเมื่อมองสีแยกได้ยาก

ดูสีและช่วงตัวเลขของตัวอย่างนี้

count · DS 0.9.6 · สีเดียวกับกราฟและ legend

ช่วง / ระดับ	พื้นสว่าง	พื้นมืด
0–<15	`#F2F1DF`	`#036EAE`
15–<29	`#C6E1B3`	`#2C8D99`
29–<43	`#9FD38C`	`#4AA582`
43–<58	`#6FC25D`	`#6CBF59`
58–<72	`#499B74`	`#8FCF97`
72–<86	`#28797E`	`#ADDBC7`
86–100	`#005182`	`#CFE8FE`

Atmosphere / unchanged

Gradient แบรนด์ทั้ง 7 สูตรยังคงเดิม

การปรับครั้งนี้อยู่ที่สีข้อมูล เสียงแบรนด์ ฟอนต์ โลโก้ พื้นผิว และ gradient บรรยากาศยังรักษาสิ่งที่ดีจาก 0.9.1

LANDOMETER / measure.deep

มองเห็นบริบท
ก่อนลงมือเปลี่ยนแปลง

ใช้บรรยากาศช่วยเปิดเรื่องและจัดจังหวะ
ให้ข้อมูลเป็นสิ่งที่ผู้อ่านเห็นชัดเสมอ

ตัวอย่างพื้นผิว · ไม่ใช้เข้ารหัสข้อมูล

#1D4497 · 0%#176B82 · 54%#08756F · 100%

ทิศทาง 135° · คงสูตรเดิมจาก 0.9.1 · บรรยากาศและการจัดลำดับเนื้อหา ไม่ใช้แทนปริมาณหรือสถานะข้อมูล

Calm · Clear · Evidence-aware · Civic-minded · Action-capable

ขอบเขตของรอบนี้

ใช้งานจากแหล่งเดียว ตรวจเวอร์ชันได้

สิ่งที่คงไว้

สเกลสองทางทั้ง 6 ตระกูล · Categorical ทั้งสองธีม · หน่วยและตัวหาร · แบรนด์ ภาษา identity และ motif/animation · gradient บรรยากาศ

สิ่งที่เปลี่ยน

ปรับสเกลทางเดียว 14 ตระกูล × 2 ธีม ให้หัว–กลาง–ท้ายต่างเฉดชัดเจน และไล่ความสว่างทางเดียว ใช้ตาราง 41 ขั้นกับชุด 3/5/7/9 ระดับเดียวกันทุกเครื่องมือ

สถานะ

เจ้าของอนุมัติให้ประกาศ DS 0.9.6 เมื่อ 1 ตุลาคม 2026 แพ็กเกจมี checksum และ normative ฉบับเต็ม standalone; รุ่นนี้ไม่อ้างลายเซ็นดิจิทัลใหม่ การติดตั้งและเปิดใช้ในแต่ละ workspace ต้องตรวจแยก

การจำลองการเห็นสีเป็นเพียงเครื่องมือประกอบ ไม่ใช่การรับรองว่าทุกคนหรือทุกจอแยกทุกสีได้ตรงกัน · เปิดหน้าอ้างอิง 0.9.1 ที่เก็บไว้

สามสีหลักไล่ระดับอย่างเห็นความต่าง

ออกแบบและทำงานจากชุดเดียวกัน

สำหรับคน

สำหรับเครื่องมือ

สำหรับทีม

พื้นมืดมีน้ำหนัก สีไม่ซีดเท่ากันทั้งชุด

Soft · สุขุมขึ้น

Vivid · สีชัดขึ้น

พื้นสว่าง · คงเดิม

Soft · สุขุมขึ้น

Vivid · สีชัดขึ้น

พื้นสว่าง · คงเดิม

14 ชุดทางเดียว · สีกลางเป็นอีกเฉดชัดเจน

Density · ร้อนทุกตัวหาร

ความหนาแน่นต่อพื้นที่

ต่อประชากร

ต่อครัวเรือน

พื้นที่ก่อสร้าง

กิจกรรม ความเข้ม และราคา

กิจกรรม

ความร้อน

ระดับความเสี่ยง

ราคา

ปริมาณ อายุ และระยะ

อายุ

การเติบโต

ความเชื่อมั่น

จำนวนรวม

น้ำ

ระยะเวลา

สองทิศทาง · ค่ากลางต้องมีความหมาย

สมดุล

การเปลี่ยนแปลง

การแลกเปลี่ยน

การไหลสุทธิ

ความคิดเห็น

ความผิดปกติ

ต่างกันทั้งบุคลิกและระยะภายในสเกล

พื้นสว่าง

พื้นมืด

Gradient แบรนด์ทั้ง 7 สูตรยังคงเดิม

มองเห็นบริบทก่อนลงมือเปลี่ยนแปลง

ใช้งานจากแหล่งเดียว ตรวจเวอร์ชันได้

สิ่งที่คงไว้

สิ่งที่เปลี่ยน

สถานะ

สามสีหลัก
ไล่ระดับอย่างเห็นความต่าง

มองเห็นบริบท
ก่อนลงมือเปลี่ยนแปลง