#33804c
RGB
| 赤 | 51 |
|---|---|
| 緑 | 128 |
| 青 | 76 |
HSL
| 色相 | 139° |
|---|---|
| 彩度 | 43% |
| 明度 | 35% |
| 輝度 | 39% |
３桁の色
補色
反転色
RGB ( 赤 = 51, 緑 = 128, 青 = 76 )
HSL ( 色相 = 139°, 彩度 = 43%, 明度 = 35% )
H : 色相 ( 139° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #803e33 : -130
19 : #804b33 : -120
29 : #805833 : -110
39 : #806533 : -100
49 : #807233 : -90
59 : #807e33 : -80
69 : #748033 : -70
79 : #678033 : -60
89 : #5b8033 : -50
99 : #4e8033 : -40
109 : #418033 : -30
119 : #348033 : -20
129 : #33803e : -10
139 : #33804b : ±0
149 : #338058 : +10
159 : #338065 : +20
169 : #338072 : +30
179 : #33807e : +40
189 : #337480 : +50
199 : #336780 : +60
209 : #335b80 : +70
219 : #334e80 : +80
229 : #334180 : +90
239 : #333480 : +100
249 : #3e3380 : +110
259 : #4b3380 : +120
269 : #583380 : +130
279 : #653380 : +140
289 : #723380 : +150
299 : #7e3380 : +160
309 : #803374 : +170
319 : #803367 : +180
329 : #80335b : +190
339 : #80334e : +200
349 : #803341 : +210
359 : #803334 : +220
129 : #33803e : -10
130 : #338040 : -9
131 : #338041 : -8
132 : #338042 : -7
133 : #338044 : -6
134 : #338045 : -5
135 : #338046 : -4
136 : #338047 : -3
137 : #338049 : -2
138 : #33804a : -1
139 : #33804b : ±0
140 : #33804c : +1
141 : #33804e : +2
142 : #33804f : +3
143 : #338050 : +4
144 : #338052 : +5
145 : #338053 : +6
146 : #338054 : +7
147 : #338055 : +8
148 : #338057 : +9
149 : #338058 : +10
S : 彩度 ( 43% )
(0%) 渋い ～ 鮮やか (100%)
1 : #585a59 : -42
3 : #575c58 : -40
5 : #555e58 : -38
7 : #535f57 : -36
9 : #516156 : -34
11 : #4f6356 : -32
13 : #4e6555 : -30
15 : #4c6754 : -28
17 : #4a6854 : -26
19 : #486a53 : -24
21 : #476c52 : -22
23 : #456e52 : -20
25 : #437051 : -18
27 : #417150 : -16
29 : #3f7350 : -14
31 : #3e754f : -12
33 : #3c774e : -10
35 : #3a784e : -8
37 : #387a4d : -6
39 : #367c4c : -4
41 : #357e4c : -2
43 : #33804b : ±0
45 : #31814b : +2
47 : #2f834a : +4
49 : #2e8549 : +6
51 : #2c8749 : +8
53 : #2a8948 : +10
55 : #288a47 : +12
57 : #268c47 : +14
59 : #258e46 : +16
61 : #239045 : +18
63 : #219145 : +20
65 : #1f9344 : +22
67 : #1d9543 : +24
69 : #1c9743 : +26
71 : #1a9942 : +28
73 : #189a41 : +30
75 : #169c41 : +32
77 : #159e40 : +34
79 : #13a03f : +36
81 : #11a23f : +38
83 : #0fa33e : +40
85 : #0da53d : +42
87 : #0ca73d : +44
89 : #0aa93c : +46
91 : #08aa3b : +48
93 : #06ac3b : +50
95 : #04ae3a : +52
97 : #03b03a : +54
99 : #01b239 : +56
L : 明度 ( 35% )
(0%) 暗い ～ 明るい (100%)
1 : #010402 : -34
3 : #040b06 : -32
5 : #07120b : -30
7 : #0a1a0f : -28
9 : #0d2113 : -26
11 : #102818 : -24
13 : #132f1c : -22
15 : #163720 : -20
17 : #193e25 : -18
19 : #1c4529 : -16
21 : #1f4d2d : -14
23 : #215431 : -12
25 : #245b36 : -10
27 : #27623a : -8
29 : #2a6a3e : -6
31 : #2d7143 : -4
33 : #307847 : -2
35 : #33804b : ±0
37 : #36874f : +2
39 : #398e54 : +4
41 : #3c9658 : +6
43 : #3f9d5c : +8
45 : #41a461 : +10
47 : #44ab65 : +12
49 : #47b369 : +14
51 : #4cb86e : +16
53 : #54bb74 : +18
55 : #5bbe7a : +20
57 : #62c080 : +22
59 : #69c386 : +24
61 : #71c68c : +26
63 : #78c992 : +28
65 : #7fcc98 : +30
67 : #87cf9e : +32
69 : #8ed2a3 : +34
71 : #95d5a9 : +36
73 : #9dd8af : +38
75 : #a4dbb5 : +40
77 : #abdebb : +42
79 : #b2e0c1 : +44
81 : #bae3c7 : +46
83 : #c1e6cd : +48
85 : #c8e9d3 : +50
87 : #d0ecd9 : +52
89 : #d7efdf : +54
91 : #def2e4 : +56
93 : #e5f5ea : +58
95 : #edf8f0 : +60
97 : #f4fbf6 : +62
99 : #fbfefc : +64
CSS入門、作ってます。
text-shadow