keecode logokeecode

Red

Basic

Color Codes

HEX

#FF0000

RGB

rgb(255, 0, 0)

HSL

hsl(0, 100%, 50%)

Usage Examples

CSS (HEX)

.element {
  background-color: #FF0000;
  color: #FF0000;
  border: 1px solid #FF0000;
}

CSS (RGB)

.element {
  background-color: rgb(255, 0, 0);
  color: rgb(255, 0, 0);
}

CSS (HSL)

.element {
  background-color: hsl(0, 100%, 50%);
  color: hsl(0, 100%, 50%);
}

HTML Inline Style

<div style="background-color: #FF0000; color: white;">
  Content
</div>

JavaScript

element.style.backgroundColor = "#FF0000";
element.style.color = "#FF0000";

React/JSX

<div style={{ backgroundColor: "#FF0000", color: "white" }}>
  Content
</div>