แชร์ผ่าน

การแจกแจง Color และ ColorFade, ColorValue และ RGBA

  • บทความ

ใช้กับ: แอป Canvas แอปที่ใช้โมเดล Power Pages Power Platform CLI

ใช้ค่าสีที่มีอยู่แล้ว กำหนดสีแบบกำหนดเอง และใช้ช่องทางอัลฟา

หมายเหตุ

คำสั่ง pac power-fx ของ PAC CLI ไม่สนับสนุนการแจงนับ สี

Description

ด้วยการใช้การแจงนับ สี คุณสามารถเข้าถึงสีที่กำหนดโดย Cascading Style Sheets (CSS) ของ HTML ตัวอย่างเช่น Color.Red ส่งกลับสีแดงล้วน คุณสามารถค้นหารายการสีเหล่านี้ได้ในตอนท้ายของหัวข้อนี้

ฟังก์ชัน ColorValue ส่งกลับเป็นสีที่ยึดตามสตริงของสี ใน CSS สตริงสามารถใช้ฟอร์มใดๆ เหล่านี้:

  • CSS ชื่อสี:"RoxyBrown" และ "OliveDrab" เป็นตัวอย่าง ชื่อเหล่านี้ไม่มีช่องว่าง รายการของสีที่ได้รับการสนับสนุนจะปรากฏในภายหลังในหัวข้อนี้
  • ค่าเลขฐานสิบหก 6 หลัก: ตัวอย่างเช่น "#ffd700" จะเหมือนกับ "ทอง" สตริงที่อยู่ในรูปแบบ "#rrggbb" ที่ rr คือส่วนสีแดงในเลขฐานสิบหกสองหลัก gg คือสีเขียว และ bb คือสีน้ำเงิน
  • ค่าเลขฐานสิบหก 8 หลัก: ตัวอย่างเช่น "#ff7f5080" จะเหมือนกับ "Coral" ที่มีช่องอัลฟา 50% สตริงที่อยู่ในรูปแบบ "#rrggbbaa" ที่ rr gg และ bb จะเหมือนกับฟอร์ม 6 หลัก ช่องทางอัลฟาจะแสดงโดย aa: 00 แสดงถึงความโปร่งใส และ ff แสดงถึงความทึบแสง

ฟังก์ชัน RGBA ส่งกลับสีที่ยึดตามตามคอมโพเนนต์ สีแดง สีเขียว และสีน้ำเงิน ฟังก์ชันนี้ยังรวมถึงช่องทางอัลฟาสำหรับการผสมสีของตัวควบคุมที่มีเลเยอร์อยู่ด้านหน้าอีกอันหนึ่ง ช่องทางอัลฟาจะแตกต่างกันออกไป ตั้งแต่ 0 หรือ 0% (ซึ่งเป็นโปร่งใสและไม่สามารถมองเห็นได้) ถึง 1 หรือ 100% (ซึ่งเป็นสีทึบและบล็อกเเลเยอร์ใดๆ ที่อยู่หลังการควบคุม)

ฟังก์ชัน ColorFade ส่งกลับเวอร์ชันของสีที่สว่างหรือสีเข้มกว่า ค่าของความจาง จาก -1 (ซึ่งเป็นสีดำมืด) ถึง 0 (ซึ่งไม่มีสี) ถึง 1 (ซึ่งเป็นสีที่สว่างจนถึงสีขาว)

ช่องทางอัลฟ่า

ในแอปพื้นที่ทำงาน คุณสามารถเลเยอร์ตัวควบคุมไว้ด้านหน้าของอีกหนึ่ง และระบุความโปร่งใสของตัวควบคุมไปยังตัวควบคุมใดๆ ที่อยู่ด้านหลัง เป็นผลให้ สีจะผสมผสานผ่านเลเยอร์ ตัวอย่างเช่น แผนภาพนี้แสดงให้เห็นว่าสีหลักสามสีผสมกับการตั้งค่าอัลฟา 50%:

สามสีหลักพร้อมการตั้งค่าอัลฟา 50%

คุณยังสามารถผสมผสานภาพในรูปแบบไฟล์ที่รองรับช่องทางอัลฟา ตัวอย่างเช่น คุณไม่สามารถผสมผสานไฟล์ .jpeg ได้ แต่คุณสามารถผสมผสานไฟล์ .png ได้ ภาพถัดไปแสดงสีแดง เขียว และน้ำเงิน เดียวกัน จากตัวอย่างก่อนหน้า แต่สีแดงปรากฏเป็น squiggle (แทนวงกลม) ในไฟล์ .png ที่มีช่องทางอัลฟา 50%:

สีแดง squiggle ด้วยการตั้งค่าอัลฟา 50% หน้าวงกลมสีฟ้าและสีเขียว

หากคุณระบุค่าการแจงนับ สี หรือคุณสร้างสูตร ColorValue ที่มีชื่อสีหรือค่าเลขฐานสิบหก 6 หลักการตั้งค่าอัลฟาคือ 100% ซึ่งเป็นสีขาวทึบ

ไวยากรณ์

สี.ชื่อสี

  • ColorName - จำเป็น ชื่อสี Cascading Style Sheet (CSS) รายการค่าการแจงนับที่เป็นไปได้จะปรากฏขึ้นที่ส่วนท้ายของหัวข้อ

ค่าสี( CSSColor )

  • CSSColor - จำเป็น ข้อกำหนดสี Cascading Style Sheet (CSS) คุณสามารถระบุชื่อได้ เช่น OliveDrab หรือค่าฐานสิบหก เช่น # 6b8e23 หรือ # 7fffd420 ค่าเลขฐานสิบหกสามารถอยู่ในฟอร์มของ #rrggbb หรือ #rrggbbaa

ค่าสี( ไม่มีการระบุ )

  • ไม่ได้พิมพ์ - จำเป็น ออบเจ็กต์ไม่ระบุชนิดที่มีสตริงที่แสดงถึงข้อกำหนดสีของแผ่นงานที่จัดรูปแบบเป็นลำดับ (CSS)

RGBA( สีแดง, สีเขียว, สีน้ำเงิน, อัลฟา )

  • สีแดง, สีเขียว, สีน้ำเงิน - จำเป็น ค่าคอมโพเนนต์สี ช่วงตั้งแต่ 0 (ไม่มีความเข้ม) ถึง 255 (ความเข้มเต็ม)
  • อัลฟา - จำเป็น คอมโพเนนต์ alpha ช่วงตั้งแต่ 0 (โปร่งใส) ถึง 1 (ทึบ) คุณยังสามารถใช้เปอร์เซ็นต์ 0% ถึง 100%

การเฟดสี( สี, ปริมาณการเฟด )

  • สี - จำเป็น ค่าสี เช่น Color.Red หรือผลลัพธ์จาก ColorValue หรือ RGBA
  • FadeAmount - จำเป็น ตัวเลขตั้งแต่ -1 ถึง 1 -1 เข้มสุดจนถึงสีดำ 0 ไม่มีสี และ 1 สว่างสุดจนถึงสีขาว คุณยังสามารถใช้เปอร์เซ็นต์จาก -100% ถึง 100%

สีที่มีอยู่แล้ว

การแจกนับสี ColorValue RGBA ชุดตัวอย่างสี
สี.AliceBlue ค่าสี( "#f0f8ff" )
ค่าสี( "aliceblue" )		 RGBA(240, 248, 255, 1) น้ำเงินจาง
สี.แอนทีคไวท์ ค่าสี( "#faebd7" )
ค่าสี( "สีขาวแอนทีค" )		 RGBA( 250, 235, 215, 1 ) ขาวหม่น
สี.น้ำเงิน ค่าสี( "#00ffff" )
ค่าสี( "AQUA" )		 RGBA( 0, 255, 255, 1 ) ฟ้าน้ำทะเล
สี.อะความารีน ค่าสี( "#7fffd4" )
ColorValue( "อความารีน" )		 RGBA(127, 255, 212, 1) น้ำเงินเขียวอ่อน
สีฟ้า ค่าสี( "#f0ffff" )
ColorValue( "สีฟ้า" )		 RGBA( 240, 255, 255, 1 ) สีฟ้าสด
สีเบจ ค่าสี( "#f5f5dc" )
ColorValue( "สีเบจ" )		 RGBA( 245, 245, 220, 1 ) เบจ
สีบิสกิต ค่าสี( "#ffe4c4" )
ค่าสี( "บิสค์" )		 RGBA( 255, 228, 196, 1 ) ส้มปูนแห้ง
สีดำ ค่าสี( "#000000" )
ColorValue( "สีดำ")		 RGBA( 0, 0, 0, 1 ) ดำ
สี.อัลมอนด์ฟอกขาว ค่าสี( "#ffebcd" )
ColorValue( "อัลมอนด์ขาว" )		 RGBA( 255, 235, 205, 1 ) เนื้ออ่อน
สีฟ้า ค่าสี( "#0000ff" )
ColorValue( "สีน้ำเงิน" )		 RGBA( 0, 0, 255, 1 ) สีฟ้า
สีฟ้าม่วง ค่าสี( "#8a2be2" )
ค่าสี( "บลูไวโอเล็ต" )		 อาร์จีบีเอ( 138, 43, 226, 1 ) น้ำเงินม่วง
สีน้ำตาล ค่าสี( "#a52a2a" )
ColorValue( "สีน้ำตาล" )		 RGBA( 165, 42, 42, 1 ) น้ำตาล
สี.ไม้เบิร์ลลี่ ค่าสี( "#deb887" )
ColorValue( "ไม้บุลลี่วูด" )		 RGBA( 222, 184, 135, 1 ) น้ำตาลอ่อน
สี.CadetBlue ค่าสี( "#5f9ea0" )
ค่าสี( "นักเรียนสีน้ำเงิน" )		 RGBA( 95, 158, 160, 1 ) เขียวน้ำเงินหม่น
สี.ชาร์เทรอส ค่าสี( "#7fff00" )
ค่าสี( "CHARTREUSE" )		 RGBA( 127, 255, 0, 1 ) เขียวสด
สี.ช็อคโกแลต ค่าสี( "#d2691e" )
ColorValue( "ช็อคโกแลต" )		 RGBA(210, 105, 30, 1) ช็อกโกแลต
สี.ปะการัง ค่าสี( "#ff7f50" )
ColorValue( "ปะการัง" )		 RGBA( 255, 127, 80, 1 ) ปะการัง
สี.CornflowerBlue ค่าสี( "#6495ed" )
ค่าสี( "CornflowerBlue" )		 RGBA(100, 149, 237, 1) คอร์นฟลาวเวอร์บลู
สีของผ้าไหมข้าวโพด ค่าสี( "#fff8dc" )
ค่าสี( "CORNSILK" )		 RGBA( 255, 248, 220, 1 ) ไหมข้าวโพด
สี.แดงเข้ม ค่าสี( "#dc143c" )
ค่าสี( "สีแดงเข้ม" )		 RGBA( 220, 20, 60, 1 ) แดงเลือดหมู
สีฟ้า ค่าสี( "#00ffff" )
ColorValue( "สีฟ้า" )		 RGBA( 0, 255, 255, 1 ) น้ำเงินอมเขียว
สี.น้ำเงินเข้ม ค่าสี( "#00008b" )
ColorValue( "น้ำเงินเข้ม" )		 RGBA( 0, 0, 139, 1 ) น้ำเงินเข้ม
สี.ดำน้ำเงิน ค่าสี( "#008b8b" )
ค่าสี( "DARKCYAN" )		 อาร์จีบีเอ(0, 139, 139, 1 ) น้ำเงินอมเขียวเข้ม
สีเข้มสีทองแท่ง ค่าสี( "#b8860b" )
ค่าสี( "แท่งสีทองเข้ม" )		 อาร์จีบีเอ( 184, 134, 11, 1 ) ทองเหลืองเข้ม
สีเทาเข้ม ค่าสี( "#a9a9a9" )
ColorValue( "สีเทาเข้ม" )		 อาร์จีบีเอ( 169, 169, 169, 1 ) เทาเข้ม
สีเขียวเข้ม ค่าสี( "#006400" )
ค่าสี( "เขียวเข้ม" )		 RGBA( 0, 100, 0, 1 ) เขียวเข้ม
สีเทาเข้ม ค่าสี( "#a9a9a9" )
ค่าสี( "สีเทาเข้ม" )		 อาร์จีบีเอ( 169, 169, 169, 1 ) เทาเข้ม
สีเข้มสีกรมท่า ค่าสี( "#bdb76b" )
ค่าสี( "DarkKhaki" )		 อาร์จีบีเอ( 189, 183, 107, 1 ) กากีเข้ม
สี.แดงเข้ม ค่าสี( "#8b008b" )
ColorValue( "สีแดงเข้ม" )		 อาร์จีบีเอ( 139, 0, 139, 1 ) แดงอมม่วงเข้ม
สี.เขียวมะกอกเข้ม ค่าสี( "#556b2f" )
ค่าสี( "เขียวมะกอกเข้ม" )		 RGBA( 85, 107, 47, 1 ) เขียวมะกอกเข้ม
สี.ส้มเข้ม ค่าสี( "#ff8c00" )
ค่าสี( "DARKORANGE" )		 RGBA( 255, 140, 0, 1 ) ส้มเข้ม
สีเข้มกล้วยไม้ ค่าสี( "#9932cc" )
ค่าสี( "กล้วยไม้สีเข้ม" )		 RGBA( 153, 50, 204, 1 ) ม่วงดอกกล้วยไม้เข้ม
สี.แดงเข้ม ค่าสี( "#8b0000" )
ColorValue( "สีแดงเข้ม" )		 RGBA( 139, 0, 0, 1 ) แดงเข้ม
สี.DarkSalmon ค่าสี( "#e9967a" )
ค่าสี( "ดาร์กแซลมอน" )		 RGBA(233, 150, 122, 1) แซลมอนเข้ม
สี.DarkSeaGreen ค่าสี( "#8fbc8f" )
ค่าสี( "DARKSEAGREEN" )		 อาร์จีบีเอ( 143, 188, 143, 1 ) เขียวน้ำทะเลเข้ม
สี.ดำสลัวน้ำเงิน ค่าสี( "#483d8b" )
ค่าสี( "DarkSlateBlue" )		 อาร์จีบีเอ( 72, 61, 139, 1 ) ฟ้ากระดานชนวนเข้ม
สี.เทาเข้ม ค่าสี( "#2f4f4f" )
ค่าสี( "darkslategray" )		 อาร์จีบีเอ( 47, 79, 79, 1 ) เทากระดานชนวนเข้ม
สี.เทาเข้ม ค่าสี( "#2f4f4f" )
ค่าสี( "DarkSlateGrey" )		 อาร์จีบีเอ( 47, 79, 79, 1 ) เทากระดานชนวนเข้ม
สี.เขียวเข้ม ค่าสี( "#00ced1" )
ค่าสี( "DARKTURQUOISE" )		 RGBA( 0, 206, 209, 1 ) เทอร์คอยซ์เข้ม
สี.ม่วงเข้ม ค่าสี( "#9400d3" )
ค่าสี( "ม่วงเข้ม" )		 อาร์จีบีเอ( 148, 0, 211, 1 ) ม่วงเข้ม
สี.ชมพูเข้ม ค่าสี( "#ff1493" )
ค่าสี( "deeppink" )		 RGBA(255, 20, 147, 1) บานเย็น
สี.DeepSkyBlue ค่าสี( "#00bfff" )
ค่าสี( "DeepSkyBlue" )		 RGBA( 0, 191, 255, 1 ) ฟ้าเข้ม
สีเทาเข้ม ค่าสี( "#696969" )
ค่าสี( "DIMGRAY" )		 105, 105, 105, 1 ) 105, ... เทาสลัว
สี.เทาเข้ม ค่าสี( "#696969" )
ค่าสี( "สีเทาเข้ม" )		 105, 105, 105, 1 ) 105, ... เทาสลัว
สี.DodgerBlue ค่าสี( "#1e90ff" )
ค่าสี( "ดอดจ์บลู" )		 RGBA( 30, 144, 255, 1 ) ฟ้าสะท้อนแสง
สีอิฐทนไฟ ค่าสี( "#b22222" )
ค่าสี( "อิฐไฟ" )		 อาร์จีบีเอ( 178, 34, 34, 1 ) แดงอิฐ
สี.ลายดอกไม้สีขาว ค่าสี( "#fffaf0" )
ค่าสี( "FLORALWHITE" )		 RGBA( 255, 250, 240, 1 ) ขาวแกมชมพู
สี.สีเขียวป่า ค่าสี( "#228b22" )
ค่าสี( "สีเขียวป่า" )		 อาร์จีบีเอ( 34, 139, 34, 1 ) หยก
สีฟูเชีย ค่าสี( "#ff00ff" )
ค่าสี( "ฟูเชีย" )		 RGBA(255, 0, 255, 1) บานเย็น
สี.เกนส์โบโร ค่าสี( "#dcdcdc" )
ค่าสี( "เกนส์โบโร" )		 RGBA( 220, 220, 220, 1 ) เกนส์โบโร
สี.GhostWhite ค่าสี( "#f8f8ff" )
ค่าสี( "GHOSTWHITE" )		 RGBA( 248, 248, 255, 1 ) น้ำข้าว
สีทอง ค่าสี( "#ffd700" )
ColorValue( "สีทอง" )		 RGBA( 255, 215, 0, 1 ) ทอง
สี.แท่งทอง ค่าสี( "#daa520" )
ค่าสี( "goldenrod" )		 RGBA(218, 165, 32, 1) ทองเหลือง
สีเทา ค่าสี( "#808080" )
ColorValue( "สีเทา" )		 RGBA( 128, 128, 128, 1 ) เทา
สีเขียว ค่าสี( "#008000" )
ค่าสี( "สีเขียว" )		 RGBA( 0, 128, 0, 1 ) สีเขียว
สีเขียวสีเหลือง ค่าสี( "#adff2f" )
ColorValue( "เขียว เหลือง" )		 อาร์จีบีเอ( 173, 255, 47, 1 ) เหลืองอมเขียว
สีเทา ค่าสี( "#808080" )
ColorValue( "สีเทา" )		 RGBA( 128, 128, 128, 1 ) เทา
สี.น้ำผึ้ง ค่าสี( "#f0fff0" )
ค่าสี( "น้ำผึ้ง" )		 RGBA(240, 255, 240, 1) ขาวอมเขียว
สี.ชมพูร้อน ค่าสี( "#ff69b4" )
ค่าสี( "HOTPINK" )		 RGBA(255, 105, 180, 1) ชมพูเข้ม
สี.อินเดียนแดง ค่าสี( "#cd5c5c" )
ค่าสี( "อินเดียนแดง" )		 RGBA( 205, 92, 92, 1 ) แดงอินเดียน
สี.น้ำเงินคราม ค่าสี( "#4b0082" )
ColorValue( "คราม" )		 RGBA( 75, 0, 130, 1 ) คราม
สี.งาช้าง ค่าสี( "#fffff0" )
ColorValue( "งาช้าง" )		 RGBA( 255, 255, 240, 1 ) งาช้าง
สี.กากี ค่าสี( "#f0e68c" )
ค่าสี( "สีกากี" )		 RGBA(240, 230, 140, 1) กากี
สีลาเวนเดอร์ ค่าสี( "#e6e6fa" )
ColorValue( "ลาเวนเดอร์" )		 RGBA( 230, 230, 250, 1 ) ม่วงลาเวนเดอร์
สี.ลาเวนเดอร์บลัช ค่าสี( "#fff0f5" )
ColorValue( "บลัชลาเวนเดอร์" )		 RGBA(255, 240, 245, 1) นมเย็น
สี.สนามหญ้าสีเขียว ค่าสี( "#7cfc00" )
ค่าสี( "สนามหญ้าสีเขียว" )		 RGBA( 124, 252, 0, 1 ) เขียวหญ้าอ่อน
สี.เลมอนชีฟอง ค่าสี( "#fffacd" )
ค่าสี( "LEMONCHIFFON" )		 RGBA( 255, 250, 205, 1 ) เหลืองไข่ไก่
สีฟ้าอ่อน ค่าสี( "#add8e6" )
ColorValue( "สีฟ้าอ่อน" )		 อาร์จีบีเอ( 173, 216, 230, 1 ) ฟ้าอ่อน
สี.Light Coral ค่าสี( "#f08080" )
ColorValue( "ปะการังอ่อน" )		 RGBA( 240, 128, 128, 1 ) แสดอ่อน
สี.ฟ้าอ่อน ค่าสี( "#e0ffff" )
ค่าสี( "ฟ้าอ่อน" )		 RGBA( 224, 255, 255, 1 ) ฟ้าทะเลอ่อน
สีทองอ่อนแท่งสีเหลือง ค่าสี( "#fafad2" )
ค่าสี( "lightgoldenrodyellow" )		 RGBA( 250, 250, 210, 1 ) ทองเหลืองอ่อน
สีเทาอ่อน ค่าสี( "#d3d3d3" )
ColorValue( "สีเทาอ่อน" )		 อาร์จีบีเอ( 211, 211, 211, 1 ) เทาอ่อน
สีเขียวอ่อน ค่าสี( "#90ee90" )
ColorValue( "เขียวอ่อน" )		 RGBA( 144, 238, 144, 1 ) เทาอ่อน
สีเทาอ่อน ค่าสี( "#d3d3d3" )
ColorValue( "เทาอ่อน" )		 อาร์จีบีเอ( 211, 211, 211, 1 ) เทาอ่อน
สี.ชมพูอ่อน ค่าสี( "#ffb6c1" )
ค่าสี( "ชมพูอ่อน" )		 RGBA( 255, 182, 193, 1 ) ชมพูอ่อน
สี.LightSalmon ค่าสี( "#ffa07a" )
ค่าสี( "แซลมอนอ่อน" )		 RGBA(255, 160, 122, 1) แซลมอนอ่อน
สี.เขียวทะเลอ่อน ค่าสี( "#20b2aa" )
ค่าสี( "lightseagreen" )		 อาร์จีบีเอ( 32, 178, 170, 1 ) เขียวทะเลอ่อน
สีฟ้าอ่อน ค่าสี( "#87cefa" )
ค่าสี( "LightSkyBlue" )		 RGBA(135, 206, 250, 1) ฟ้าอ่อน
สี.เทาอ่อน ค่าสี( "#778899" )
ค่าสี( "LIGHTSLATEGRAY" )		 อาร์จีบีเอ( 119, 136, 153, 1 ) เทานวลอ่อน
สี.เทาอ่อน ค่าสี( "#778899" )
ค่าสี( "เทาอ่อน" )		 อาร์จีบีเอ( 119, 136, 153, 1 ) เทานวลอ่อน
สี.LightSteelBlue ค่าสี( "#b0c4de" )
ค่าสี( "lightsteelblue" )		 อาร์จีบีเอ( 176, 196, 222, 1 ) น้ำเงินด้านอ่อน
สี.เหลืองอ่อน ค่าสี( "#ffffe0" )
ColorValue( "สีเหลืองอ่อน" )		 RGBA( 255, 255, 224, 1 ) เหลืองอ่อน
สีเขียวมะนาว ค่าสี( "#00ff00" )
ค่าสี( "มะนาว" )		 RGBA( 0, 255, 0, 1 ) เขียวมะนาว
สีเขียวมะนาว ค่าสี( "#32cd32" )
ค่าสี( "สีเขียวมะนาว" )		 RGBA(50, 205, 50, 1) เขียวใบตอง
สี.ผ้าลินิน ค่าสี( "#faf0e6" )
ColorValue( "ลินิน" )		 RGBA( 250, 240, 230, 1 ) ลินิน
สี.แดงอมม่วง ค่าสี( "#ff00ff" )
ค่าสี( "สีแดงอมม่วง" )		 RGBA(255, 0, 255, 1) แดงอมม่วง
สี.แดงเลือดหมู ค่าสี( "#800000" )
ค่าสี( "สีน้ำตาลแดง" )		 RGBA( 128, 0, 0, 1 ) แดงเลือดหมู
สี.กลาง น้ำเงินอมเขียว ค่าสี( "#66cdaa" )
ค่าสี( "น้ำเงินกลาง" )		 RGBA(102, 205, 170, 1) น้ำเงินอมเขียวกลางๆ
สี.MediumBlue ค่าสี( "#0000cd" )
ค่าสี( "mediumblue" )		 RGBA( 0, 0, 205, 1 ) น้ำเงินกลางๆ
สี.กลางกล้วยไม้ ค่าสี( "#ba55d3" )
ค่าสี( "MediumOrchid" )		 อาร์จีบีเอ( 186, 85, 211, 1 ) ม่วงดอกกล้วยไม้กลางๆ
สี.ม่วงกลาง ค่าสี( "#9370db" )
ค่าสี( "MEDIUMPURPLE" )		 อาร์จีบีเอ( 147, 112, 219, 1 ) ม่วงอัญชัญ
สี.กลางเขียวทะเล ค่าสี( "#3cb371" )
ค่าสี( "สีเขียวทะเลปานกลาง")		 RGBA( 60, 179, 113, 1 ) เขียวน้ำทะเลกลางๆ
สี.MediumSlateBlue ค่าสี( "#7b68ee" )
ค่าสี( "mediumslateblue" )		 RGBA( 123, 104, 238, 1 ) น้ำเงินนวลกลางๆ
สี.กลาง: สปริงกรีน ค่าสี( "#00fa9a" )
ค่าสี( "สีเขียวกลางสปริง" )		 RGBA( 0, 250, 154, 1 ) เขียวใบไม้ผลิกลางๆ
สี. กลางเทอร์ควอยซ์ ค่าสี( "#48d1cc" )
ค่าสี( "MEDIUMTURQUOISE" )		 อาร์จีบีเอ(72, 209, 204, 1) เทอร์คอยซ์กลางๆ
สี.กลางม่วงแดง ค่าสี( "#c71585" )
ค่าสี( "ม่วงกลางแดง" )		 อาร์จีบีเอ( 199, 21, 133, 1 ) แดงอมม่วงกลางๆ
สี.MidnightBlue ค่าสี( "#191970" )
ค่าสี( "midnightblue" )		 อาร์จีบีเอ(25, 25, 112, 1) น้ำเงินทึบ
สี.ครีมมิ้นต์ ค่าสี( "#f5fffa" )
ColorValue( "มิ้นท์ครีม" )		 RGBA( 245, 255, 250, 1 ) ขาวกะทิ
สี.MistyRose ค่าสี( "#ffe4e1" )
ค่าสี( "MISTYROSE" )		 RGBA( 255, 228, 225, 1 ) ชมพูหม่น
สีของรองเท้าโมคาซิน ค่าสี( "#ffe4b5" )
ColorValue( "โมคาซิน" )		 RGBA( 255, 228, 181, 1 ) ชาเย็น
สี.นาวาโฮไวท์ ค่าสี( "#ffdead" )
ค่าสี( "navajowhite" )		 RGBA( 255, 222, 173, 1 ) ส้มหนังกลับ
สี.กรมท่า ค่าสี( "#000080" )
ColorValue( "น้ำเงิน" )		 RGBA( 0, 0, 128, 1 ) กรมท่า
สีของลูกไม้เก่า ค่าสี( "#fdf5e6" )
ค่าสี( "OLDLACE" )		 RGBA( 253, 245, 230, 1 ) โอลด์เลซ
สี.มะกอก ค่าสี( "#808000" )
ColorValue( "มะกอก" )		 RGBA( 128, 128, 0, 1 ) เขียวมะกอก
สี.OliveDrab ค่าสี( "#6b8e23" )
ค่าสี( "olivedrab" )		 อาร์จีบีเอ( 107, 142, 35, 1 ) เขียวมะกอกแก่
สีส้ม ค่าสี( "#ffa500" )
ColorValue( "สีส้ม" )		 RGBA(255, 165, 0, 1) สีส้ม
สี.ส้มแดง ค่าสี( "#ff4500" )
ColorValue( "สีส้ม")		 RGBA( 255, 69, 0, 1 ) แดงอมส้ม
สีของกล้วยไม้ ค่าสี( "#da70d6" )
ColorValue( "กล้วยไม้" )		 อาร์จีบีเอ(218, 112, 214, 1) ม่วงดอกกล้วยไม้
สีซีดทองแท่ง ค่าสี( "#eee8aa" )
ค่าสี( "palegoldenrod" )		 RGBA( 238, 232, 170, 1 ) ทองเหลืองจาง
สี.เขียวซีด ค่าสี( "#98fb98" )
ค่าสี( "สีเขียวซีด")		 อาร์จีบีเอ(152, 251, 152, 1) เขียวจาง
สี.ซีดเทอร์ควอยซ์ ค่าสี( "#afeeee" )
ค่าสี( "PALETURQUOISE" )		 RGBA( 175, 238, 238, 1 ) เทอร์คอยซ์จาง
สีซีดม่วงแดง ค่าสี( "#db7093" )
ค่าสี( "PaleVioletRed" )		 อาร์จีบีเอ(219, 112, 147, 1) แดงอมม่วงจาง
สีของPapayaWhip ค่าสี( "#ffefd5" )
ค่าสี( "papayawhip" )		 RGBA( 255, 239, 213, 1 ) ปาปายาวิป
สีพีชพัฟ ค่าสี( "#ffdab9" )
ค่าสี( "พีชพัฟ" )		 RGBA( 255, 218, 185, 1 ) พีชพัฟ
สี.เปรู ค่าสี( "#cd853f" )
ค่าสี( "เปรู" )		 RGBA( 205, 133, 63, 1 ) เปรู
สี.ชมพู ค่าสี( "#ffc0cb" )
ColorValue( "ชมพู" )		 RGBA( 255, 192, 203, 1 ) ชมพู
สี.พลัม ค่าสี( "#dda0dd" )
ColorValue( "พลัม" )		 RGBA( 221, 160, 221, 1 ) ม่วงพลัม
สี.ผงสีฟ้า ค่าสี( "#b0e0e6" )
ค่าสี( "ผงสีฟ้า" )		 อาร์จีบีเอ( 176, 224, 230, 1 ) ฟ้าแป้ง
สี.ม่วง ค่าสี( "#800080" )
ColorValue( "สีม่วง" )		 RGBA( 128, 0, 128, 1 ) สีม่วง
สี.แดง ค่าสี( "#ff0000" )
ColorValue( "สีแดง" )		 RGBA( 255, 0, 0, 1 ) สีแดง
สี.ชมพูน้ำตาล ค่าสี( "#bc8f8f" )
ค่าสี( "rosybrown" )		 อาร์จีบีเอ( 188, 143, 143, 1 ) กะปิ
สี.รอยัลบลู ค่าสี( "#4169e1" )
ค่าสี( "รอยัลบลู" )		 RGBA( 65, 105, 225, 1 ) น้ำเงินเข้ม
สี.อานสีน้ำตาล ค่าสี( "#8b4513" )
ค่าสี( "SADDLEBROWN" )		 RGBA( 139, 69, 19, 1 ) น้ำตาลอานม้า
สี.แซลมอน ค่าสี( "#fa8072" )
ColorValue( "ปลาแซลมอน" )		 RGBA( 250, 128, 114, 1 ) แซลมอน
สี.แซนดี้บราวน์ ค่าสี( "#f4a460" )
ค่าสี( "สีน้ำตาลทราย" )		 RGBA( 244, 164, 96, 1 ) น้ำตาลลูกรัง
สีเขียวทะเล ค่าสี( "#2e8b57" )
ค่าสี( "สีเขียวทะเล" )		 อาร์จีบีเอ( 46, 139, 87, 1 ) เขียวน้ำทะเล
สีของเปลือกหอย ค่าสี( "#fff5ee" )
ค่าสี( "เปลือกหอย" )		 RGBA( 255, 245, 238, 1 ) เปลือกหอย
สี.เซียนน่า ค่าสี( "#a0522d" )
ค่าสี( "เซียนน่า" )		 RGBA( 160, 82, 45, 1 ) น้ำตาลอมแดง
สีเงิน ค่าสี( "#c0c0c0" )
ColorValue( "สีเงิน" )		 อาร์จีบีเอ( 192, 192, 192, 1 ) เงิน
สีฟ้า ค่าสี( "#87ceeb" )
ค่าสี( "ฟ้า" )		 RGBA( 135, 206, 235, 1 ) ฟ้า
สี.SlateBlue ค่าสี( "#6a5acd" )
ค่าสี( "SLATEBLUE" )		 RGBA( 106, 90, 205, 1 ) ฟ้ากระดานชนวน
สี.เทาดำ ค่าสี( "#708090" )
ค่าสี( "สีเทาดำ")		 RGBA(112, 128, 144, 1) เทากระดานชนวน
สี.สีเทาสเลท ค่าสี( "#708090" )
ค่าสี( "สีเทาสเลท" )		 RGBA(112, 128, 144, 1) เทากระดานชนวน
สีหิมะ ค่าสี( "#fffafa" )
ColorValue( "หิมะ" )		 RGBA( 255, 250, 250, 1 ) หิมะ
สี.สปริงกรีน ค่าสี( "#00ff7f" )
ค่าสี( "SPRINGGREEN" )		 RGBA( 0, 255, 127, 1 ) เขียวใบไม้ผลิ
สี.SteelBlue ค่าสี( "#4682b4" )
ค่าสี( "SteelBlue" )		 RGBA(70, 130, 180, 1 ) น้ำเงินด้าน
สี.แทน ค่าสี( "#d2b48c" )
ค่าสี( "สีแทน" )		 RGBA( 210, 180, 140, 1 ) แทน
สี.น้ำเงินเขียว ค่าสี( "#008080" )
ค่าสี( "เขียวอมฟ้า" )		 RGBA( 0, 128, 128, 1 ) เขียวหัวเป็ด
สี.ดอกธิสเซิล ค่าสี( "#d8bfd8" )
ค่าสี( "THISTLE" )		 อาร์จีบีเอ( 216, 191, 216, 1 ) ม่วงจาง
สี.มะเขือเทศ ค่าสี( "#ff6347" )
ColorValue( "มะเขือเทศ" )		 RGBA( 255, 99, 71, 1 ) แสด
สี.โปร่งใส ค่าสี( "#00000000" )
ColorValue( "โปร่งใส" )		 RGBA( 0, 0, 0, 0 ) โปร่ง
สี.เทอร์ควอยซ์ ค่าสี( "#40e0d0" )
ColorValue( "เทอร์ควอยซ์" )		 RGBA( 64, 224, 208, 1 ) ฟ้าเทอร์คอยส์
สี.ม่วง ค่าสี( "#ee82ee" )
ColorValue( "สีม่วง" )		 RGBA(238, 130, 238, 1) ม่วงแกมดำ
สี.ข้าวสาลี ค่าสี( "#f5deb3" )
ค่าสี( "ข้าวสาลี" )		 RGBA( 245, 222, 179, 1 ) เหลืองรำข้าว
สี.ขาว ค่าสี( "#ffffff" )
ColorValue( "สีขาว" )		 RGBA( 255, 255, 255, 1 ) ขาว
สีขาวควันบุหรี่ ค่าสี( "#f5f5f5" )
ค่าสี( "ควันขาว" )		 RGBA( 245, 245, 245, 1 ) ขาวควันบุหรี่
สี.เหลือง ค่าสี( "#ffff00" )
ColorValue( "สีเหลือง" )		 RGBA( 255, 255, 0, 1 ) เหลือง
สี.เหลืองเขียว ค่าสี( "#9acd32" )
ค่าสี( "เหลืองเขียว" )		 RGBA(154, 205, 50, 1) เหลืองอมเขียว