CSS and design

Color Contrast Checker

Make sure your text is readable: check WCAG contrast and get a passing color suggestion.

  • Runs in your browser
  • Instant results
  • Free, no sign-up
Loading the tool…

How to use the Color Contrast Checker

  1. Enter or pick the text and background colors.
  2. Read the ratio and the AA / AAA results.
  3. If it fails, apply the suggested color.

Frequently asked questions

What contrast ratio do I need?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text and UI components. AAA needs 7:1 and 4.5:1.

What counts as large text?

At least 24px regular, or about 18.7px (14pt) bold.

Why does contrast matter?

Good contrast helps people with low vision and anyone reading in bright light, and is often a legal requirement.

ฝึก Python ด้วยโจทย์เขียนโค้ด

แก้โจทย์จริงใน editor นี้: รันทดสอบตัวอย่าง ส่งคำตอบ และรับรีวิวโค้ดจาก AI

โจทย์ Python ทั้งหมด
ง่าย

Average of Three

Average three whole numbers.

คุณจะได้เรียนรู้ เลขคณิตการหาร
BeginnerLearning-pathVariables
ง่าย

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

คุณจะได้เรียนรู้ เลขคณิตค่าที่คืนกลับ
BeginnerLearning-pathVariables
ปานกลาง

หนึ่งรุ่นของอัลกอริทึมเชิงพันธุกรรม

สร้างสตริงบิตรุ่นถัดไปด้วยการคัดเลือกแบบทัวร์นาเมนต์ การไขว้จุดเดียว และการกลายพันธุ์

คุณจะได้เรียนรู้ อัลกอริทึมเชิงพันธุกรรมการค้นหาเชิงวิวัฒนาการ
OptimizationSimulationai
ยังไม่มีวิธีแก้
ง่าย

Multi-armed bandit แบบ epsilon-greedy

สร้างสมดุลระหว่างการสำรวจและการใช้ประโยชน์ใน multi-armed bandit ด้วยการเลือกการกระทำแบบ epsilon-greedy

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

การแจกแจงสถานะของห่วงโซ่มาร์คอฟ

ส่งการแจกแจงความน่าจะเป็นผ่านเมทริกซ์การเปลี่ยนสถานะของห่วงโซ่มาร์คอฟตามจำนวนก้าวที่กำหนด

คุณจะได้เรียนรู้ ห่วงโซ่มาร์คอฟความน่าจะเป็น
Simulationaimath
ยังไม่มีวิธีแก้
ปานกลาง

Value iteration

คำนวณว่าแต่ละสถานะของกระบวนการตัดสินใจแบบมาร์คอฟมีค่าแค่ไหน โดยใช้การอัปเดตความเหมาะสมที่สุดของเบลล์แมนซ้ำ ๆ

คุณจะได้เรียนรู้ สมการเบลล์แมนMDP
การเรียนรู้แบบเสริมกำลังaiการเรียนรู้ของเครื่อง
ยังไม่มีวิธีแก้
ปานกลาง

การอัปเดต Q-learning

ใช้การอัปเดต Q-learning กับลำดับประสบการณ์ และดูรางวัลไหลย้อนกลับไปยังสถานะก่อนหน้า

คุณจะได้เรียนรู้ Q-learningรางวัลแบบมีส่วนลด
การเรียนรู้แบบเสริมกำลังaiการเรียนรู้ของเครื่อง
ยังไม่มีวิธีแก้
ปานกลาง

การตัดกิ่งแบบ Alpha-Beta

ประเมินต้นไม้เกมด้วย minimax และการตัดกิ่งแบบ alpha-beta แล้วนับว่าการค้นหาดูใบไม้จริง ๆ กี่ใบ

คุณจะได้เรียนรู้ การตัดกิ่ง alpha-betaการค้นหาในเกม
RecursionTreesai
ยังไม่มีวิธีแก้
ปานกลาง

เกม OX ด้วย Minimax

เลือกตาเดินที่สมบูรณ์แบบในเกม OX โดยค้นหาต้นไม้เกมทั้งหมดด้วย minimax

คุณจะได้เรียนรู้ Minimaxต้นไม้เกม
Recursionai
ยังไม่มีวิธีแก้
ปานกลาง

การค้นหา A* บนตารางที่มีน้ำหนัก

หาเส้นทางที่ถูกที่สุดผ่านตารางค่าใช้จ่ายของภูมิประเทศด้วย A* อัลกอริทึมค้นหาที่อยู่เบื้องหลังการหาเส้นทางในเกมและหุ่นยนต์

คุณจะได้เรียนรู้ การค้นหา A*ฮิวริสติก
GraphsGridsShortest-pathai
ยังไม่มีวิธีแก้
ปานกลาง

การสุ่มด้วย temperature และ top-k

เลือก token ถัดไปแบบโมเดลภาษา: เก็บ logit สูงสุด k ตัว ใช้ temperature แล้วสุ่ม

คุณจะได้เรียนรู้ การสร้างข้อความการสุ่มตัวอย่าง
aiการเรียนรู้ของเครื่อง
ยังไม่มีวิธีแก้
ยาก

Multi-head self-attention

ฉายอินพุตเป็น query, key และ value รัน attention ในหลาย head พร้อมกัน แล้วรวมผลเข้าด้วยกัน

คุณจะได้เรียนรู้ Multi-head attentionการฉายด้วยเมทริกซ์
aiการเรียนรู้ของเครื่อง
ยังไม่มีวิธีแก้