Χρώματα RGB CSS

Τιμή RGB

Στο CSS, μπορείτε να καθορίσετε το χρώμα ως τιμή RGB χρησιμοποιώντας την παρακάτω εξίσωση:

rgb(red, green, blue)

Κάθε παράμετρος (red,green και blue) καθορίζει την ένταση του χρώματος από 0 έως 255.

Παράδειγμα, το rgb(255, 0, 0) εμφανίζεται ως κόκκινο, επειδή το κόκκινο είναι ρυθμισμένο στο μέγιστο (255) και οι άλλες τιμές είναι 0.

Για να εμφανιστεί το μαύρο, ρυθμίστε όλους τους παράμετρους χρώματος σε 0, όπως παρακάτω: rgb(0, 0, 0).

Για να εμφανιστεί το λευκό, ρυθμίστε όλους τους παράμετρους χρώματος σε 255, όπως παρακάτω: rgb(255, 255, 255).

Προτείνουμε να δοκιμάσετε την ανάμειξη των παρακάτω τιμών RGB:

 

RED

255

GREEN

0

BLUE

0

Παράδειγμα

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Προσπαθήστε να το δοκιμάσετε!

Συνήθως χρησιμοποιούνται ισάριθμες τιμές για τα τρία φωτιστικά σημεία για τη σύνθεση της σκιάς του γκρι:

Παράδειγμα

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Προσπαθήστε να το δοκιμάσετε!

Τιμή RGBA

Η τιμή χρώματος RGBA είναι η επέκταση της τιμής χρώματος RGB με κανάλι αλφα - καθορίζει την αδιαφάνεια του χρώματος.

Η καθορισμός Χρωμάτων RGBA}

rgba(red, green, blue, alpha)

alpha Οι παραμέτρους είναι αριθμοί μεταξύ 0.0 (πλήρως διαφανής) και 1.0 (πλήρως αδιαφανής):

Παρακαλώ δοκιμάστε το μείγμα των παρακάτω RGBA τιμών:

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

Παράδειγμα

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Προσπαθήστε να το δοκιμάσετε!