CSS Color Theroy

Question 1

Color Theory Definition

Answer 1

This is the study of how colors interact with each other and how they affect our perception. It covers color relationships, color harmony, and the psychological impact of color

Question 2

Primary Colors

Answer 2

These colors which are yellow, blue, and red, are the fundamental hues from which all other colors are derived

Question 3

Secondary Colors

Answer 3

These colors result from mixing equal amounts of two primary colors. Green, orange, and purple are examples of secondary colors

Question 4

Tertiary Colors

Answer 4

These colors result from combining a primary color with a neighboring secondary color. Yellow-Green, Blue-Green, and Blue-Violet are examples of tertiary colors

Question 5

Warm Colors

Answer 5

These colors which include reds, oranges, and yellows, evoke feelings of comfort, warmth, and coziness

Question 6

Cool Colors

Answer 6

These colors which include blues, green, and purples, evoke feelings of calmness, serenity, and professionalism

Question 7

Color Wheel

Answer 7

The color wheel is a circular diagram that shows how colors relate to each other. It’s an essential tool for designers because it helps them to select color combinations

Question 8

Analogous Color Schemes

Answer 8

These color schemes create cohesive and soothing experiences. They have analogous colors, which are adjacent to each other in the color wheel

Question 9

Complementary Color Schemes

Answer 9

These color schemes create high contrast and visual impact. Their colors are located on the opposite ends of the color wheel, relative to each other.

Question 10

Triadic Color Scheme

Answer 10

This color scheme has vibrant colors. They are made from colors that are approximately equidistant from each other. If they are connected, they form an equilateral triangle on the color wheel

Question 11

Monochromatic Color Scheme

Answer 11

For this color scheme, all the colors are derived from the same base color by adjusting its lightness, darkness, and saturation. This evokes a feeling of unity and harmony while still creating contrast

Question 12

Named Colors

Answer 12

These colors are predefined color names recognized by browsers. Examples include blue, darkred, lightgreen

Question 13

rgb() Function

Answer 13

RGB stands for Red, Green, and Blue — the primary colors of light. These three colors are combined in different intensities to create a wide range of colors. the rgb() function allows you to define colors using the RGB color model

Question 14

rgba() Function

Answer 14

This function adds a fourth value, alpha, that controls the transparency of the color. If not provided, the alpha value defaults to 1

Question 15

hsl() Function:

Answer 15

HSL stands for Hue, Saturation, and Lightness — three key components that define a color

Question 16

hsla() Function

Answer 16

This function adds a fourth value, alpha, that controls the opacity of the color.

Question 17

Hexadecimal

Answer 17

A hex code (short for hexadecimal code) is a six-character string used to represent colors in the RGB color model. The “hex” refers to the base-16 numbering system, which uses digits 0 to 9 and letters A to F

Question 18

Linear Gradients

Answer 18

These gradients create a gradual blend between colors along a straight line. You can control the direction of this line using keywords like to top, to right, to bottom right, or angles like 45deg. You can use any valid CSS color and as many color stops as you would like.

Question 19

Radial Gradients

Answer 19

These gradients create circular or elliptical gradients that radiate from a central point.