#045227
RGB
| 赤 | 4 |
|---|---|
| 緑 | 82 |
| 青 | 39 |
HSL
| 色相 | 147° |
|---|---|
| 彩度 | 91% |
| 明度 | 17% |
| 輝度 | 21% |
３桁の色
補色
反転色
RGB ( 赤 = 4, 緑 = 82, 青 = 39 )
HSL ( 色相 = 147°, 彩度 = 91%, 明度 = 17% )
H : 色相 ( 147° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #530d04 : -140
17 : #531a04 : -130
27 : #532704 : -120
37 : #533504 : -110
47 : #534204 : -100
57 : #534f04 : -90
67 : #4a5304 : -80
77 : #3c5304 : -70
87 : #2f5304 : -60
97 : #225304 : -50
107 : #155304 : -40
117 : #085304 : -30
127 : #04530d : -20
137 : #04531a : -10
147 : #045327 : ±0
157 : #045335 : +10
167 : #045342 : +20
177 : #04534f : +30
187 : #044a53 : +40
197 : #043c53 : +50
207 : #042f53 : +60
217 : #042253 : +70
227 : #041553 : +80
237 : #040853 : +90
247 : #0d0453 : +100
257 : #1a0453 : +110
267 : #270453 : +120
277 : #350453 : +130
287 : #420453 : +140
297 : #4f0453 : +150
307 : #53044a : +160
317 : #53043c : +170
327 : #53042f : +180
337 : #530422 : +190
347 : #530415 : +200
357 : #530408 : +210
137 : #04531a : -10
138 : #04531c : -9
139 : #04531d : -8
140 : #04531e : -7
141 : #045320 : -6
142 : #045321 : -5
143 : #045322 : -4
144 : #045323 : -3
145 : #045325 : -2
146 : #045326 : -1
147 : #045327 : ±0
148 : #045329 : +1
149 : #04532a : +2
150 : #04532b : +3
151 : #04532d : +4
152 : #04532e : +5
153 : #04532f : +6
154 : #045331 : +7
155 : #045332 : +8
156 : #045333 : +9
157 : #045335 : +10
S : 彩度 ( 91% )
(0%) 渋い ～ 鮮やか (100%)
1 : #2b2c2b : -90
3 : #2a2d2b : -88
5 : #292e2b : -86
7 : #282e2b : -84
9 : #272f2b : -82
11 : #27302b : -80
13 : #26312b : -78
15 : #25322b : -76
17 : #24332b : -74
19 : #23342b : -72
21 : #22342a : -70
23 : #21352a : -68
25 : #21362a : -66
27 : #20372a : -64
29 : #1f382a : -62
31 : #1e392a : -60
33 : #1d3a2a : -58
35 : #1c3b2a : -56
37 : #1b3b2a : -54
39 : #1a3c2a : -52
41 : #1a3d2a : -50
43 : #193e29 : -48
45 : #183f29 : -46
47 : #174029 : -44
49 : #164129 : -42
51 : #154129 : -40
53 : #144229 : -38
55 : #144329 : -36
57 : #134429 : -34
59 : #124529 : -32
61 : #114629 : -30
63 : #104729 : -28
65 : #0f4829 : -26
67 : #0e4828 : -24
69 : #0d4928 : -22
71 : #0d4a28 : -20
73 : #0c4b28 : -18
75 : #0b4c28 : -16
77 : #0a4d28 : -14
79 : #094e28 : -12
81 : #084e28 : -10
83 : #074f28 : -8
85 : #075028 : -6
87 : #065128 : -4
89 : #055227 : -2
91 : #045327 : ±0
93 : #035427 : +2
95 : #025527 : +4
97 : #015527 : +6
99 : #005627 : +8
L : 明度 ( 17% )
(0%) 暗い ～ 明るい (100%)
1 : #000502 : -16
3 : #010f07 : -14
5 : #01180c : -12
7 : #022210 : -10
9 : #022c15 : -8
11 : #033619 : -6
13 : #033f1e : -4
15 : #034923 : -2
17 : #045327 : ±0
19 : #045d2c : +2
21 : #056631 : +4
23 : #057035 : +6
25 : #067a3a : +8
27 : #06843f : +10
29 : #078d43 : +12
31 : #079748 : +14
33 : #08a14c : +16
35 : #08aa51 : +18
37 : #08b456 : +20
39 : #09be5a : +22
41 : #09c85f : +24
43 : #0ad164 : +26
45 : #0adb68 : +28
47 : #0be56d : +30
49 : #0bef72 : +32
51 : #10f477 : +34
53 : #1af47c : +36
55 : #24f582 : +38
57 : #2ef587 : +40
59 : #37f68d : +42
61 : #41f693 : +44
63 : #4bf798 : +46
65 : #55f79e : +48
67 : #5ef7a3 : +50
69 : #68f8a9 : +52
71 : #72f8ae : +54
73 : #7bf9b4 : +56
75 : #85f9b9 : +58
77 : #8ffabf : +60
79 : #99fac5 : +62
81 : #a2fbca : +64
83 : #acfbd0 : +66
85 : #b6fcd5 : +68
87 : #c0fcdb : +70
89 : #c9fce0 : +72
91 : #d3fde6 : +74
93 : #ddfdec : +76
95 : #e7fef1 : +78
97 : #f0fef7 : +80
99 : #fafffc : +82
CSS入門、作ってます。
text-shadow