กำหนดสีให้กับบล๊อก ตอน สีบล๊อกบอกอารมณ์ได้
กำลังว่าจะทดลองสุ่มค่าสี และความเข้มของสีดูว่าเกิดสีอะไรได้บ้าง เพื่อจะเปลี่ยนสีสันใหม่ของบล๊อก กับของเล่นใหม่ๆ ที่อาจารย์จันทวรรณ กับอาจารย์ธวัชชัย ทำไว้ให้เล่น แต่เมื่อสองวันก่อนเน็ตช้าเป็นเต่า
วันนี้ได้เจอบันทึกของ คุณโอ๋ อโณ
ทำให้สรุปได้ว่า
สีของค่าสีมันเหมือนกับสีของวงล้อสีของแสงนั่นเอง
- สีของแสง (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
สนุกพอหอมปากหอมคอ ต้องไปอ่านหนังสือต่อแล้ว แล้วเจอกันบันทึกหน้านะคะ ^__
ความเห็น (27)
blog คุณแนนสีหวานเลยนะครับ ผมลองกดสุ่มๆ ดู ใช้ค่าสี 99 ความเข้ม 0 แหม แดงได้ใจเลยครับ ไว้จะลองเปลี่ยนๆ ดู แก้เบื่ออ่ะครับ
ปล.อ่านหนังสือเยอะๆ นะครับ จะได้จบไวๆ
ขอบคุณเผื่อทุก ๆคนใน blog ด้วยจ้า....
ขอขอบคุณอาจารย์ iS และท่านผู้ ลปรร. ทุกท่าน...
- สีบล็อกอาจารย์ดูหรู... คล้ายๆ กับบรรยากาศในการบินไทยชั้นหนึ่ง
- ยิ่งบวกการ์ตูนทางขวามือแล้ว... โดดเด่นมากครับ
หวานจัง!! (สี Blog)
ให้กำลังใจในการอ่านหนังสือครับ
สีบล็อกบอกอารมณ์จริงๆค่ะ ^^
ชอบสีม่วงเหมือนกัน แต่ชอบแบบม่วงปนน้ำตาล
เอ.. อย่างนั้นจะอารมณ์แบบไหนน้อ ^______^
ยังชอบโทรสีฟ้า...เหมือนเดิมคะ...
ตอนนี้...ไม่สบาย..คะ
...
เป็นกำลังใจให้นะคะ..อ่านหนังสือเผื่อด้วยนะคะ
get อะไร..มาเล่าให้ฟังบ้างนะคะ
กะปุ๋ม
ขอบคุณนะคะที่ชอบสีใหม่นี้กัน
- ขอบคุณคุณเจษฏาก่อนเลย แวะไปดูมาแล้ว สีแดงได้ใจจริงๆ ด้วย สวยๆ ^__^
- ขอบคุณน้องนิว ที่ขอบคุณนะคะ ฮ่าฮ่า
- ขอบคุณอาจารย์จันทวรรณกับของเล่นใหม่สวยๆ นะคะ ติดป้ายตามอาจารย์หน่ะแหละคะ
- ขอบคุณอาจารย์หมอนะคะ ตั้งใจจะทำให้ดูหวานๆ อย่างที่คุณเจษฏาทัก แต่ออกมาหรูในสายตาอาจารย์หมอวัลลภ ก็ปลี้มเลยค่ะ ส่วนการ์ตูน ต้องดูในถึงตัวการ์ตูนสุดท้ายนะคะ จึงจะรู้ว่าต้องการสื่ออะไร
- ขอบคุณคุณ K-jira ค่ะ แวะไปดู title ใหม่ทั้งสองอัน สวยจังเลยค่ะ กำลังคิดถึงสีม่วงปนน้ำตาล เอ...อารมณ์ไหนเนี่ย
ว่าแต่ตั้งใจจะให้มันเป็นสีชมพูนะเนี่ย ว้า เป็นสีม่วงไปซะได้ ^__^
อ่ะ ไม่สบายรึเนี่ยกะปุ๋ม มิน่าล่ะหายไปเลย
ดูแลสุขภาพด้วยนะคะ...เป็นห่วง
เราอ่านหนังสือ รึหนังสืออ่านเราก็ไม่รู้ อ่านวนไปวนมาไม่ get อะไรซะที เฮ้อ....สู้ๆๆๆ ตื่นๆๆๆ
^__^
โอ้ว กระโดดข้ามคุณเอกไปได้
ขอบคุณคุณเอกนะคะ ถึงแม้จะชมแต่สี blog ก็ตาม ^__^
ขอบคุณสำหรับกำลังใจของคุณเอก และของทุกๆ คนเลยนะคะ
ขอบคุณค่ะ อยากได้สีเหลืองอ่ะค่ะ แต่ยังหาส่วนผสมไม่ลงตัวเลยค่ะ ^__*
คุณ IS คะ ตอบไว้แล้วที่บันทึก" ค่าสีของสีเหลือง กับวิธีหาโค้ดสีสำหรับลงพื้นแบคกราวน์ " นี้นะคะ ^_^
เห็นสีม่วงแล้วชอบมากๆ แล้วพอเห็นหัวบล็อกว่างๆ มันก็เลยคันไม้คันมือ จึงทำแบนเนอร์มาฝาก
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 แต่ต้องปรับ ความสูงของแบคกราวน์ขึ้นหน่อย
ลองดูนะคะ ^______^
เย่ๆ นั่งเผ้าอยู่ค่ะ
ในที่สุดก็ปรับแล้ว
สวยๆๆ... ขนาดแบนเนอร์พอดีเลย
น่ารักจริงๆ ^________^
แก้ขนาดเรียบร้อยแล้วค่ะ พอดีแป๊ะ สวยๆ ฮิฮิ
ฮ่าฮ่า มานั่งเฝ้าเลยหรือค่ะเนี่ย ^____^
แก้ไขแล้วเข้ากั้นเข้ากันเน้อะ
เข้ามาแอบสอดแนม...อิอิ...
จากหน่วยสืบราชการ (ลับ ๆ ล่อ ๆ จ้า)
ฮ่าฮ่า หน่วยสืบราชการลับๆ ล่อๆ มาสอดแนมเนี่ย สบายดีรึเปล่าจ๊ะ
เพิ่งเปิดมาเจอครั้งแรก ลองทำตามที่แนะนำ
ขอบคุณค่า
สวัสดีค่ะคุณกระต่าย
ลองเปลี่ยนสีดูนะคะ สนุกดีค่ะ
^__^