top of page

รวมโค้ดสี งานออกแบบที่คนส่วนใหญ่นิยมใช้


  รวมโค้ดสี งานออกแบบที่คนส่วนใหญ่นิยมใช้  ก่อนที่เราจะไปดูโค้ดของสีแต่ละสีนั้น เรามาทำความรู้จักเกี่ยวกับรหัสสี หรือโค้ดของสีที่ใช้ในเว็บหรือคอมพิวเตอร์กันก่อนเลย  รหัสสี(Color Code) เกิดจากการผสมกันของ 3 แม่สีคือ แดง(Red), เขียว(Green) และน้ำเงิน(Blue) หรือที่นิยมเรียกว่า RGB โดยปรกติรหัสสีที่ใช้ในการเขียนโปรแกรมจะมีทั้งหมด 6 ตัวอักษรและต้องขึ้นต้นด้วยเครื่องหมาย # เสมอ ยกตัวอย่างเช่น aabbcc โดยที่ aa แทนด้วยรหัสสีแดง bb แทนด้วยรหัสสีเขียว และสุดท้าย cc แทนด้วยรหัสสีน้ำเงิน บางครั้งอาจใช้แค่ 3 ตัวอักษร คือ abc ก็ได้ แต่ความละเอียดของการผสมสีจะมีน้อยกว่า ซึ่งตัวอักษรแต่ละตัว แท้จริงแล้วก็คือค่าตัวเลขฐานสิบหก เริ่มต้นจาก 0 1 2 3 4 5 6 7 8 9 a b c d e f เนื่องจากว่าเราไม่สามารถที่จะเขียนเป็น 10 11 12 13 14 15 ได้ก็เลยใช้เป็นอักษรภาษาอังกฤษแทน  ที่ละเอียดที่สุดมากที่สุด มีให้เลือกแบบหลากหลายแบบ เหมาะสำหรับใช้ในการแต่งสีในโปรแกรมทุกโปรแกรม ตารางรหัสสี อ้างอิงตามเลขฐาน 16 ในรูปแบบ R G B หรือ รหัสผสมสีของ แดง-เขียว-น้ำเงิน ใช้ตัวเลข 0-9 และตัวหนังสือ A-F ได้สีมากถึง 14 ล้านสี   มาดูกันว่าจะมีโค้ดสีอะไรเด็ด ๆ สวย ๆ ให้นำไปใช้ในการออกแบบได้บ้าง  1. โทนสีส้ม-น้ำตาล Orange : #FC6600 Tangerine : #EA8741 Fire : #FDA50F Gold : #F9A602 Cider : #B3672B Tiger : #FD6A02 Honey : #EB9605 Ochre : #CC7722 Rust : #8B4000 Carrot : #EF7215 Apricot : #EF820D Bronze : #B1560F Burnt Orange : #602800  2. โทนสีฟ้า-น้ำเงิน Blue : #0018F9 Baby Blue : #89CFEF Azure : #0080FE Sky : #95C8D8 Pigeon : #7285A5 Maya : #73C2FB Sapphire : #0F52BA Air Force : #598BAF Independence : #4D516D Olympic : #008ECC Egyptian : #1134A6 Turkish : #5097A4 Space : #1C2951  3. โทนสีแดง Red : #D30000 Imperial : #ED2939 Salmon : #FA8072 Scarlet : #FF2400 Persian : #CA3433 Raspberry : #D21F3C Indian Red :  #CD5C5C Ferrari : #FF2800 Fire Brick : #B22222 U.S. Flag : #BF0A30 Carmine : #960019 Chili : #C21807 Sangria : #5E1914  4. โทนสีเหลือง Yellow : #FFF200 Banana : #FCF4A3 Pineapple : #FFE12B Mellow : #F8DE7E Peach : #FFE5B4 Cream :  #FFFDD0 Bumblebee : #FCE205 Lemon : #EFFD5F Eggnog : #F9E29C Flax : #EEDC82 Tuscany : #FCD12A Mustard :#FEDC56 Sepia : #E3B778  5. โทนสีชมพู Pink : #E83BBA Ultra : #FF6FFF Lemonade : #FDB9C8 Taffy : #F987C5 Brick : #FB607F Rose Pink : #FF66CC Flamingo : #FCA3B7 Bubble Gum : #FE5BAC Punch : #EC5578 Fuchsia : #FF00FF Thulian : #D377A1 French Rose : #F64A8A Cerise : #DE3163  6. โทนสีม่วง Violet : #B200ED Lavender : #E4A0F7 Orchid :#AF69EE Mulberry : #C64B8C Thistle : #D7BFDC Heliotrope : #DE73FF Royal : #7852A9 Fandango :  #B5338A Floral : #B47EDE Lilac : #B660CD Electric : #8F00FF Lollipop : #81007F Amethyst : #9966CB  7. โทนสีเขียว Green : #3BB143 Lime : #C7EA46 Jungle : #29AB87 Tea : #D0F0C0 Moss : #8A9A5B Kelly : #4CBB17 Jade : #00A86B Sage : #9DC183 Olive :  #708238 Forest : #0B6623 Pine : #01796F Emerald : #50C878 Army : #4B5320  8. โทนสีน้ำตาล Brown : #7C4700 Tortilla : #997950 Tawny : #7E481C Caramel : #613613 Cedar : #4B3A26 Peanut : #765D39 Gingerbread : #5C2C06 Pecan : #48260D Mocha : #3B270C Coffee : #4B3619 Cinnamon : #622A0F Brunette : #3A1F04 Umber : #362312  9. โทนสีดำและเทา Black : #000000 Night : #0C090A Black Cat : #413839 Iridium : #3D3C3A Gunmetal : #2C3539 Midnight : #2B1B17 Black eel : #463E3F Black Cow : #4C4646 Charcoal : #34282C Dark Slate Gray : #25383C Gray Wolf : #504A4B Vampire Gray : #565051 Oil : #3B3131  ----------------------------------------------------------------------------------- สนใจบริการดูแลการตลาดออนไลน์ | ทำการตลาดออนไลน์ | ทำกราฟฟิคครบวงจร | สามารถติดต่อเราได้ตลอด  | รับสร้างแบรนด์  | รับทำการตลาดออนไลน์  | รับทำแผนการตลาดออนไลน์  | รับสร้างแบรนด์  | รับดูแล Facebook แฟนเพจ  | รับดูแล LINE OA    สามารถติดต่อเราได้ตลอด 24 ชั่วโมง   รายละเอียดบริการดูแลการตลาดออนไลน์ >> https://www.chatstickmarket.com/langran  ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้ >> https://www.chatstickmarket.com/portfolio  ------------------------------------------------------------------------------------  💙ปรึกษาทีมงานของเรา💙 📱Tel : 0840104252 📱0947805680 📨 Inbox : http://m.me/ChatStick.TH  ┏━━━━━━━━━┓ 📲 LINE: @chatstick ┗━━━━━━━━━┛ หรือคลิ๊ก https://goo.gl/KuzCpM  🎉รายละเอียดที่ http://www.chatstickmarket.com/langran  🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio

รวมโค้ดสี งานออกแบบที่คนส่วนใหญ่นิยมใช้


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


รหัสสี(Color Code) เกิดจากการผสมกันของ 3 แม่สีคือ แดง(Red), เขียว(Green) และน้ำเงิน(Blue) หรือที่นิยมเรียกว่า RGB โดยปรกติรหัสสีที่ใช้ในการเขียนโปรแกรมจะมีทั้งหมด 6 ตัวอักษรและต้องขึ้นต้นด้วยเครื่องหมาย # เสมอ ยกตัวอย่างเช่น aabbcc โดยที่ aa แทนด้วยรหัสสีแดง bb แทนด้วยรหัสสีเขียว และสุดท้าย cc แทนด้วยรหัสสีน้ำเงิน บางครั้งอาจใช้แค่ 3 ตัวอักษร คือ abc ก็ได้ แต่ความละเอียดของการผสมสีจะมีน้อยกว่า ซึ่งตัวอักษรแต่ละตัว แท้จริงแล้วก็คือค่าตัวเลขฐานสิบหก เริ่มต้นจาก 0 1 2 3 4 5 6 7 8 9 a b c d e f เนื่องจากว่าเราไม่สามารถที่จะเขียนเป็น 10 11 12 13 14 15 ได้ก็เลยใช้เป็นอักษรภาษาอังกฤษแทน


ที่ละเอียดที่สุดมากที่สุด มีให้เลือกแบบหลากหลายแบบ เหมาะสำหรับใช้ในการแต่งสีในโปรแกรมทุกโปรแกรม ตารางรหัสสี อ้างอิงตามเลขฐาน 16 ในรูปแบบ R G B หรือ รหัสผสมสีของ แดง-เขียว-น้ำเงิน ใช้ตัวเลข 0-9 และตัวหนังสือ A-F ได้สีมากถึง 14 ล้านสี


มาดูกันว่าจะมีโค้ดสีอะไรเด็ด ๆ สวย ๆ ให้นำไปใช้ในการออกแบบได้บ้าง


1. โทนสีส้ม-น้ำตาล

Orange : #FC6600

Tangerine : #EA8741

Fire : #FDA50F

Gold : #F9A602

Cider : #B3672B

Tiger : #FD6A02

Honey : #EB9605

Ochre : #CC7722

Rust : #8B4000

Carrot : #EF7215

Apricot : #EF820D

Bronze : #B1560F

Burnt Orange : #602800


2. โทนสีฟ้า-น้ำเงิน

Blue : #0018F9

Baby Blue : #89CFEF

Azure : #0080FE

Sky : #95C8D8

Pigeon : #7285A5

Maya : #73C2FB

Sapphire : #0F52BA

Air Force : #598BAF

Independence : #4D516D

Olympic : #008ECC

Egyptian : #1134A6

Turkish : #5097A4

Space : #1C2951


3. โทนสีแดง

Red : #D30000

Imperial : #ED2939

Salmon : #FA8072

Scarlet : #FF2400

Persian : #CA3433

Raspberry : #D21F3C

Indian Red : #CD5C5C

Ferrari : #FF2800

Fire Brick : #B22222

U.S. Flag : #BF0A30

Carmine : #960019

Chili : #C21807

Sangria : #5E1914


4. โทนสีเหลือง

Yellow : #FFF200

Banana : #FCF4A3

Pineapple : #FFE12B

Mellow : #F8DE7E

Peach : #FFE5B4

Cream : #FFFDD0

Bumblebee : #FCE205

Lemon : #EFFD5F

Eggnog : #F9E29C

Flax : #EEDC82

Tuscany : #FCD12A

Mustard :#FEDC56

Sepia : #E3B778


5. โทนสีชมพู

Pink : #E83BBA

Ultra : #FF6FFF

Lemonade : #FDB9C8

Taffy : #F987C5

Brick : #FB607F

Rose Pink : #FF66CC

Flamingo : #FCA3B7

Bubble Gum : #FE5BAC

Punch : #EC5578

Fuchsia : #FF00FF

Thulian : #D377A1

French Rose : #F64A8A

Cerise : #DE3163


6. โทนสีม่วง

Violet : #B200ED

Lavender : #E4A0F7

Orchid :#AF69EE

Mulberry : #C64B8C

Thistle : #D7BFDC

Heliotrope : #DE73FF

Royal : #7852A9

Fandango : #B5338A

Floral : #B47EDE

Lilac : #B660CD

Electric : #8F00FF

Lollipop : #81007F

Amethyst : #9966CB


7. โทนสีเขียว

Green : #3BB143

Lime : #C7EA46

Jungle : #29AB87

Tea : #D0F0C0

Moss : #8A9A5B

Kelly : #4CBB17

Jade : #00A86B

Sage : #9DC183

Olive : #708238

Forest : #0B6623

Pine : #01796F

Emerald : #50C878

Army : #4B5320


8. โทนสีน้ำตาล

Brown : #7C4700

Tortilla : #997950

Tawny : #7E481C

Caramel : #613613

Cedar : #4B3A26

Peanut : #765D39

Gingerbread : #5C2C06

Pecan : #48260D

Mocha : #3B270C

Coffee : #4B3619

Cinnamon : #622A0F

Brunette : #3A1F04

Umber : #362312


9. โทนสีดำและเทา

Black : #000000

Night : #0C090A

Black Cat : #413839

Iridium : #3D3C3A

Gunmetal : #2C3539

Midnight : #2B1B17

Black eel : #463E3F

Black Cow : #4C4646

Charcoal : #34282C

Dark Slate Gray : #25383C

Gray Wolf : #504A4B

Vampire Gray : #565051

Oil : #3B3131


-----------------------------------------------------------------------------------

สนใจบริการดูแลการตลาดออนไลน์ | ทำการตลาดออนไลน์ | ทำกราฟฟิคครบวงจร | สามารถติดต่อเราได้ตลอด | รับสร้างแบรนด์ | รับทำการตลาดออนไลน์ | รับทำแผนการตลาดออนไลน์ | รับสร้างแบรนด์ | รับดูแล Facebook แฟนเพจ | รับดูแล LINE OA สามารถติดต่อเราได้ตลอด 24 ชั่วโมง

รายละเอียดบริการดูแลการตลาดออนไลน์

ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้

------------------------------------------------------------------------------------


💙ปรึกษาทีมงานของเรา💙

📱Tel : 0840104252 📱0947805680

┏━━━━━━━━━┓

📲 LINE: @chatstick

┗━━━━━━━━━┛

หรือคลิ๊ก https://goo.gl/KuzCpM

🎉รายละเอียดที่ http://www.chatstickmarket.com/langran

🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio

แท็ก:

ดู 94 ครั้ง

โพสต์ที่คล้ายกัน

ดูทั้งหมด

Comments


CS_Redesign_คอนเทนต์เดิม2_2.png
CS_Redesign_คอนเทนต์เดิม3.png
Recent Posts
c24f0332fa3b87f8a304140403b893510_64100212_210625.jpg
244712625_300456528129611_2152723951836713111_n.jpg
5.png
4.png
Button Event สติกเกอร์.png
2.png
Button ChatStick Market.png
bottom of page