GotoKnow
  • เข้าระบบ
  • สมัครสมาชิก
  • แผงจัดการ
  • ออกจากระบบ
GotoKnow

กำหนดสีให้กับบล๊อก ตอน สีบล๊อกบอกอารมณ์ได้

กำลังคิดอยู่เชียวว่าบล๊อก G2K ทำไมมีแต่สีฟ้าน้า ตอนนี้ก็ได้เล่นสีสันแล้ว คราวนี้บล๊อกไหน ต้องการให้สื่อถึงอารมณ์แบบไหน ก็ใส่สีสรรคลงไป สนุกแน่ๆ แต่ก่อนอื่นเลย ต้องกำหนดสีให้เป็นก่อน เอ...แล้วทำอย่างไรล่ะทีนี้ ...ดูบันทึกต่อยอดนี้ช่วยไปก่อนแล้วกันนะคะ

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

วันนี้ได้เจอบันทึกของ คุณโอ๋ อโณ

ทำให้สรุปได้ว่า

สีของค่าสีมันเหมือนกับสีของวงล้อสีของแสงนั่นเอง

  • สีของแสง (RBG) ที่ประกอบไปด้วย สีแดง (Red) สีเขียว (Green) และสีน้ำเงิน (Blue)

โดยดูที่เส้นที่ลากเป็นสามเหลี่ยมในภาพ ซึ่งจะเป็น Primary สีขั้นที่หนึ่ง (สีแดง สีเขียว สีน้ำเงิน)

จากเว็บ http://www.ysbl.york.ac.uk/~mgwt/KKwebcourse/colourscience/images/rgb_wheel.gif

ดังนั้น ถ้าต้องการจะผสมสีจากแม่สี (Primary) จะได้สีขั้นที่สอง Secondary นั่นคือ สีเหลือง (Yellow) สีม่วงแดง (Magenta) สีฟ้า (Cyan)

ซึ่งถ้าดูจากตารางที่คุณโอ๋ ทำไว้

จะพบว่า ค่าสีตั้งแต่ 10% - 100% ที่ค่าความเข้มสีที่ 0 จะเทียบไล่ได้กับสีในวงล้อสีของแสง

และถ้ากำหนดค่าสีความเข้มจะได้เฉดสีที่

  • เริ่มจาก 0 ที่แสดงถึงความเข้มของสีน้อย และเฉดดำมาก
  • จนถึง 100 ที่แสดงถึงความเข้มสีมาก และสว่างมาก เนื่องจากสีเฉดดำน้อย

ปัญหาก้อคือ บางสีที่เห็นจากตารางของคุณโอ๋ อาจจะงงว่าสีที่ไม่ได้อยู่ในตารางเราจะกำหนดค่าอะไรดี เพราะคุณโอ๋ยกตัวอย่างมาให้ดูถึงวิธีผสม และช่วยบันทึกสีให้เราไม่ต้องลองเอง ผู้เขียนจึงแนะนำให้เทียบเคียงสีจากวงล้อ และใช้ตารางของคุณโอ๋ประกอบ (ช่วง 10-100% ที่ความเข้มสีเป็น 0 ก่อน) จะทำให้คิดสีได้ง่ายขึ้น จากนั้นค่อยใส่ค่าของความเข้มสี เพื่อกำหนดความสว่างของแสง

เอ...เจอบันทึกนี้ของอาจารย์ beeman ยิ่งช่วยทำให้ง่ายขึ้นอีก

  • โทนสีแดง ค่าอยู่ประมาณ 1-15
  • โทนสีเขียว ค่าอยู่ประมาณ 20-35
  • โทนสีน้ำเงิน ค่าอยู่ประมาณ 60 ขึ้นไป
  • นอกนั้นก็เป็นสีผสมของแม่สีทั้ง 3

สนุกพอหอมปากหอมคอ ต้องไปอ่านหนังสือต่อแล้ว แล้วเจอกันบันทึกหน้านะคะ ^__

บันทึกนี้เขียนที่ GotoKnow โดย 

หมายเลขบันทึก: 54324
เขียน:
แก้ไข:
ความเห็น: 27
อ่าน:
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ

ความเห็น (27)

blog คุณแนนสีหวานเลยนะครับ  ผมลองกดสุ่มๆ ดู ใช้ค่าสี 99 ความเข้ม 0 แหม แดงได้ใจเลยครับ ไว้จะลองเปลี่ยนๆ ดู แก้เบื่ออ่ะครับ  

ปล.อ่านหนังสือเยอะๆ นะครับ จะได้จบไวๆ

ขอบคุณเผื่อทุก  ๆคนใน blog ด้วยจ้า....

ขอบคุณค่ะ และก็ต้องขอบคุณที่ช่วยติดป้ายคำหลักเพื่อการรวบรวมบันทึกเกี่ยวกับเรื่องสีนะค่ะ http://gotoknow.org/blog/tutorial/54305

ขอขอบคุณอาจารย์ iS และท่านผู้ ลปรร. ทุกท่าน...

  • สีบล็อกอาจารย์ดูหรู... คล้ายๆ กับบรรยากาศในการบินไทยชั้นหนึ่ง
  • ยิ่งบวกการ์ตูนทางขวามือแล้ว... โดดเด่นมากครับ

หวานจัง!! (สี Blog)

ให้กำลังใจในการอ่านหนังสือครับ 

 

 

สีบล็อกบอกอารมณ์จริงๆค่ะ ^^

ชอบสีม่วงเหมือนกัน แต่ชอบแบบม่วงปนน้ำตาล

เอ.. อย่างนั้นจะอารมณ์แบบไหนน้อ  ^______^

ยังชอบโทรสีฟ้า...เหมือนเดิมคะ...

ตอนนี้...ไม่สบาย..คะ

...

เป็นกำลังใจให้นะคะ..อ่านหนังสือเผื่อด้วยนะคะ

get อะไร..มาเล่าให้ฟังบ้างนะคะ

กะปุ๋ม

ขอบคุณนะคะที่ชอบสีใหม่นี้กัน

  • ขอบคุณคุณเจษฏาก่อนเลย แวะไปดูมาแล้ว สีแดงได้ใจจริงๆ ด้วย สวยๆ ^__^
  • ขอบคุณน้องนิว ที่ขอบคุณนะคะ ฮ่าฮ่า
  • ขอบคุณอาจารย์จันทวรรณกับของเล่นใหม่สวยๆ นะคะ ติดป้ายตามอาจารย์หน่ะแหละคะ
  • ขอบคุณอาจารย์หมอนะคะ ตั้งใจจะทำให้ดูหวานๆ อย่างที่คุณเจษฏาทัก แต่ออกมาหรูในสายตาอาจารย์หมอวัลลภ ก็ปลี้มเลยค่ะ ส่วนการ์ตูน ต้องดูในถึงตัวการ์ตูนสุดท้ายนะคะ จึงจะรู้ว่าต้องการสื่ออะไร
  • ขอบคุณคุณ K-jira ค่ะ แวะไปดู title ใหม่ทั้งสองอัน สวยจังเลยค่ะ กำลังคิดถึงสีม่วงปนน้ำตาล เอ...อารมณ์ไหนเนี่ย

ว่าแต่ตั้งใจจะให้มันเป็นสีชมพูนะเนี่ย ว้า เป็นสีม่วงไปซะได้ ^__^

อ่ะ ไม่สบายรึเนี่ยกะปุ๋ม มิน่าล่ะหายไปเลย

ดูแลสุขภาพด้วยนะคะ...เป็นห่วง

เราอ่านหนังสือ รึหนังสืออ่านเราก็ไม่รู้ อ่านวนไปวนมาไม่ get อะไรซะที เฮ้อ....สู้ๆๆๆ ตื่นๆๆๆ

^__^

โอ้ว กระโดดข้ามคุณเอกไปได้

ขอบคุณคุณเอกนะคะ ถึงแม้จะชมแต่สี blog ก็ตาม ^__^

ขอบคุณสำหรับกำลังใจของคุณเอก และของทุกๆ คนเลยนะคะ

คุณ  IS...หว๊าน......หวาน
.
ลองทำดูแล้วค่ะ
ทำเสร็จแล้วก็นั่งมองและชมตัวเองว่า...สวยจัง
ลองเข้าไปชมดูนะคะ..ที่

ขอบคุณค่ะ  อยากได้สีเหลืองอ่ะค่ะ  แต่ยังหาส่วนผสมไม่ลงตัวเลยค่ะ ^__*

แวะไปดูบล๊อกคุณ nidnoi แล้ว สีสดใสดีนะคะ พร้อมโดนรังแกด้วยอาหารยั่วตา ยั่วน้ำลายอีกแล้วครับท่าน
ขอบคุณคุณ [email protected] นะคะ กำลังถามคุณ K-jira ให้อยู่ค่ะว่าสีเหลืองทำยังไง ของคุณ K-jira สีเหลืองนวลสวยงามมากเลยค่ะ ^___^

 

คุณ IS คะ ตอบไว้แล้วที่บันทึก" ค่าสีของสีเหลือง กับวิธีหาโค้ดสีสำหรับลงพื้นแบคกราวน์ " นี้นะคะ  ^_^

ขอบคุณค่ะ พวกเราช่วยกันเติมเต็มได้ดีจริงๆ นี่หล่ะความน่ารักของมวลสมาชิกใน g2k ต้องแอบไปดูว่ากะปุ๋มเปลี่ยนสีไปเป็นสีอะไร

 

เห็นสีม่วงแล้วชอบมากๆ แล้วพอเห็นหัวบล็อกว่างๆ มันก็เลยคันไม้คันมือ จึงทำแบนเนอร์มาฝาก

http://gotoknow.org/file/mydream/isjpg.jpg

ไม่ชอบก็ไม่เป็นไรนะคะ

ถือว่าเป็นของฝากเล็กๆน้อยจากเพื่อนคนนึง ก็แล้วกัน ^_^

แหะๆ  กับขออนุญาตอีกรูปนึงนะ  แบบว่าชอบรูปนี้น่ะ แต่ว่าไม่มีบล็อกสีม่วง เลยเอามาฝากคุณ IS  ก็แล้วกัน

http://gotoknow.org/file/mydream/is3jpg.jpg

คลิกที่ลิ้งค์เปิดดูได้เลยค่ะ ^_^

ขออนุญาตกริ๊ดดังๆ นะคะ

กริ๊ดดดด

ถูกใจมากเลยค่ะคุณ K-jira กำลังว่าจะทำแบนเนอร์เอง แต่ยังไม่ได้ลงมือทำซะที ถูกใจๆๆๆๆๆๆ

^____________^

ขอบคุณมากค่ะ

ปลิ้มๆ

ขอบคุณพี่เมตตาค่ะ สมาชิก G2K น่ารักจริงๆ ค่ะ นี่คุณ K-jira ก็ทำแบนเนอร์ให้ด้วย ชอบๆๆๆ รีบเอาขึ้นโชว์เลยเนี่ย

กะปุ๋มเค้าบอกว่าเค้าชอบสีฟ้าค่ะ คิดว่าคงจะไม่เปลี่ยน เพราะชอบตามหาเมฆบ่อยๆ ด้วยล่ะมั้ง เลยชอบสีฟ้า ^___^

 

เย้... ดีใจจังที่ชอบ

และก็ดีใจจังที่.. เข้ากั๊น.. เข้ากัน...พอดี

 

ว่าแต่ตรงโค้ดใส่รูปแบคกราวน์น่ะ เปลี่ยนเลขตรง

background-position:center center;   height:55px;

เป็นเลข 55 ดู ดีไหมคะ

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

ลองดูนะคะ ^______^

 

เย่ๆ  นั่งเผ้าอยู่ค่ะ

ในที่สุดก็ปรับแล้ว

สวยๆๆ... ขนาดแบนเนอร์พอดีเลย

น่ารักจริงๆ  ^________^

แก้ขนาดเรียบร้อยแล้วค่ะ พอดีแป๊ะ สวยๆ ฮิฮิ

ฮ่าฮ่า มานั่งเฝ้าเลยหรือค่ะเนี่ย ^____^

แก้ไขแล้วเข้ากั้นเข้ากันเน้อะ

เข้ามาแอบสอดแนม...อิอิ...

จากหน่วยสืบราชการ (ลับ ๆ ล่อ ๆ จ้า)

ฮ่าฮ่า หน่วยสืบราชการลับๆ ล่อๆ มาสอดแนมเนี่ย สบายดีรึเปล่าจ๊ะ

เพิ่งเปิดมาเจอครั้งแรก ลองทำตามที่แนะนำ

ขอบคุณค่า

สวัสดีค่ะคุณกระต่าย

ลองเปลี่ยนสีดูนะคะ สนุกดีค่ะ

^__^