#29451c
RGB
赤 | 41 |
---|---|
緑 | 69 |
青 | 28 |
HSL
色相 | 101° |
---|---|
彩度 | 42% |
明度 | 19% |
輝度 | 22% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 41, 緑 = 69, 青 = 28 )
HSL ( 色相 = 101°, 彩度 = 42%, 明度 = 19% )
H : 色相 ( 101° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #451d1c : -100
11 : #45241c : -90
21 : #452a1c : -80
31 : #45311c : -70
41 : #45381c : -60
51 : #453f1c : -50
61 : #44451c : -40
71 : #3d451c : -30
81 : #37451c : -20
91 : #30451c : -10
101 : #29451c : ±0
111 : #22451c : +10
121 : #1c451d : +20
131 : #1c4524 : +30
141 : #1c452a : +40
151 : #1c4531 : +50
161 : #1c4538 : +60
171 : #1c453f : +70
181 : #1c4445 : +80
191 : #1c3d45 : +90
201 : #1c3745 : +100
211 : #1c3045 : +110
221 : #1c2945 : +120
231 : #1c2245 : +130
241 : #1d1c45 : +140
251 : #241c45 : +150
261 : #2a1c45 : +160
271 : #311c45 : +170
281 : #381c45 : +180
291 : #3f1c45 : +190
301 : #451c44 : +200
311 : #451c3d : +210
321 : #451c37 : +220
331 : #451c30 : +230
341 : #451c29 : +240
351 : #451c22 : +250
91 : #30451c : -10
92 : #2f451c : -9
93 : #2e451c : -8
94 : #2e451c : -7
95 : #2d451c : -6
96 : #2c451c : -5
97 : #2c451c : -4
98 : #2b451c : -3
99 : #2a451c : -2
100 : #2a451c : -1
101 : #29451c : ±0
102 : #28451c : +1
103 : #28451c : +2
104 : #27451c : +3
105 : #26451c : +4
106 : #26451c : +5
107 : #25451c : +6
108 : #24451c : +7
109 : #24451c : +8
110 : #23451c : +9
111 : #22451c : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -42
2 : #30312f : -40
4 : #30322f : -38
6 : #2f332e : -36
8 : #2f342d : -34
10 : #2f352c : -32
12 : #2e362b : -30
14 : #2e372a : -28
16 : #2e3829 : -26
18 : #2d3928 : -24
20 : #2d3a27 : -22
22 : #2d3b26 : -20
24 : #2c3c25 : -18
26 : #2c3d24 : -16
28 : #2b3e23 : -14
30 : #2b3f22 : -12
32 : #2b4021 : -10
34 : #2a4120 : -8
36 : #2a421f : -6
38 : #2a431e : -4
40 : #29441d : -2
42 : #29451c : ±0
44 : #29461b : +2
46 : #28471a : +4
48 : #284819 : +6
50 : #284918 : +8
52 : #274a17 : +10
54 : #274b16 : +12
56 : #274c15 : +14
58 : #264d14 : +16
60 : #264e13 : +18
62 : #254e12 : +20
64 : #254f11 : +22
66 : #255010 : +24
68 : #245110 : +26
70 : #24520f : +28
72 : #24530e : +30
74 : #23540d : +32
76 : #23550c : +34
78 : #23560b : +36
80 : #22570a : +38
82 : #225809 : +40
84 : #225908 : +42
86 : #215a07 : +44
88 : #215b06 : +46
90 : #205c05 : +48
92 : #205d04 : +50
94 : #205e03 : +52
96 : #1f5f02 : +54
98 : #1f6001 : +56
100 : #1f6100 : +58
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #020401 : -18
3 : #060b04 : -16
5 : #0b1207 : -14
7 : #0f190a : -12
9 : #13210d : -10
11 : #182810 : -8
13 : #1c2f13 : -6
15 : #203616 : -4
17 : #253e19 : -2
19 : #29451c : ±0
21 : #2d4c1f : +2
23 : #325322 : +4
25 : #365b25 : +6
27 : #3a6228 : +8
29 : #3f692b : +10
31 : #43702e : +12
33 : #477731 : +14
35 : #4c7f34 : +16
37 : #508637 : +18
39 : #548d3a : +20
41 : #58943d : +22
43 : #5d9c40 : +24
45 : #61a343 : +26
47 : #65aa46 : +28
49 : #6ab148 : +30
51 : #6fb74e : +32
53 : #75b955 : +34
55 : #7bbc5c : +36
57 : #80bf63 : +38
59 : #86c26b : +40
61 : #8cc572 : +42
63 : #92c879 : +44
65 : #98cb80 : +46
67 : #9ece88 : +48
69 : #a4d18f : +50
71 : #aad496 : +52
73 : #b0d79d : +54
75 : #b5daa4 : +56
77 : #bbddac : +58
79 : #c1e0b3 : +60
81 : #c7e3ba : +62
83 : #cde6c1 : +64
85 : #d3e9c9 : +66
87 : #d9ecd0 : +68
89 : #dfefd7 : +70
91 : #e5f2de : +72
93 : #eaf5e6 : +74
95 : #f0f8ed : +76
97 : #f6fbf4 : +78
99 : #fcfefb : +80
CSS入門、作ってます。
text-shadow