#389f5d
RGB
赤 | 56 |
---|---|
緑 | 159 |
青 | 93 |
HSL
色相 | 142° |
---|---|
彩度 | 48% |
明度 | 42% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 56, 緑 = 159, 青 = 93 )
HSL ( 色相 = 142°, 彩度 = 48%, 明度 = 42% )
H : 色相 ( 142° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #9f3b38 : -140
12 : #9f4c38 : -130
22 : #9f5d38 : -120
32 : #9f6f38 : -110
42 : #9f8038 : -100
52 : #9f9138 : -90
62 : #9b9f38 : -80
72 : #8a9f38 : -70
82 : #799f38 : -60
92 : #689f38 : -50
102 : #579f38 : -40
112 : #459f38 : -30
122 : #389f3b : -20
132 : #389f4c : -10
142 : #389f5d : ±0
152 : #389f6f : +10
162 : #389f80 : +20
172 : #389f91 : +30
182 : #389b9f : +40
192 : #388a9f : +50
202 : #38799f : +60
212 : #38689f : +70
222 : #38579f : +80
232 : #38459f : +90
242 : #3b389f : +100
252 : #4c389f : +110
262 : #5d389f : +120
272 : #6f389f : +130
282 : #80389f : +140
292 : #91389f : +150
302 : #9f389b : +160
312 : #9f388a : +170
322 : #9f3879 : +180
332 : #9f3868 : +190
342 : #9f3857 : +200
352 : #9f3845 : +210
132 : #389f4c : -10
133 : #389f4e : -9
134 : #389f50 : -8
135 : #389f51 : -7
136 : #389f53 : -6
137 : #389f55 : -5
138 : #389f57 : -4
139 : #389f58 : -3
140 : #389f5a : -2
141 : #389f5c : -1
142 : #389f5d : ±0
143 : #389f5f : +1
144 : #389f61 : +2
145 : #389f63 : +3
146 : #389f64 : +4
147 : #389f66 : +5
148 : #389f68 : +6
149 : #389f69 : +7
150 : #389f6b : +8
151 : #389f6d : +9
152 : #389f6f : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -48
2 : #696d6b : -46
4 : #676f6a : -44
6 : #657269 : -42
8 : #637469 : -40
10 : #607668 : -38
12 : #5e7868 : -36
14 : #5c7a67 : -34
16 : #5a7c67 : -32
18 : #587e66 : -30
20 : #568165 : -28
22 : #548365 : -26
24 : #518564 : -24
26 : #4f8764 : -22
28 : #4d8963 : -20
30 : #4b8b63 : -18
32 : #498d62 : -16
34 : #479061 : -14
36 : #459261 : -12
38 : #429460 : -10
40 : #409660 : -8
42 : #3e985f : -6
44 : #3c9a5f : -4
46 : #3a9c5e : -2
48 : #389f5d : ±0
50 : #36a15d : +2
52 : #33a35c : +4
54 : #31a55c : +6
56 : #2fa75b : +8
58 : #2da95b : +10
60 : #2bab5a : +12
62 : #29ae59 : +14
64 : #27b059 : +16
66 : #24b258 : +18
68 : #22b458 : +20
70 : #20b657 : +22
72 : #1eb857 : +24
74 : #1cba56 : +26
76 : #1abc55 : +28
78 : #18bf55 : +30
80 : #15c154 : +32
82 : #13c354 : +34
84 : #11c553 : +36
86 : #0fc753 : +38
88 : #0dc952 : +40
90 : #0bcb51 : +42
92 : #09ce51 : +44
94 : #06d050 : +46
96 : #04d250 : +48
98 : #02d44f : +50
100 : #00d64f : +52
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #030804 : -40
4 : #050f09 : -38
6 : #08170d : -36
8 : #0b1e12 : -34
10 : #0d2616 : -32
12 : #102d1b : -30
14 : #13351f : -28
16 : #153c24 : -26
18 : #184428 : -24
20 : #1b4b2c : -22
22 : #1d5331 : -20
24 : #205b35 : -18
26 : #22623a : -16
28 : #256a3e : -14
30 : #287143 : -12
32 : #2a7947 : -10
34 : #2d804c : -8
36 : #308850 : -6
38 : #328f54 : -4
40 : #359759 : -2
42 : #389f5d : ±0
44 : #3aa662 : +2
46 : #3dae66 : +4
48 : #40b56b : +6
50 : #42bd6f : +8
52 : #4abf75 : +10
54 : #51c27b : +12
56 : #59c580 : +14
58 : #60c786 : +16
60 : #68ca8c : +18
62 : #70cd92 : +20
64 : #77cf97 : +22
66 : #7fd29d : +24
68 : #86d5a3 : +26
70 : #8ed7a9 : +28
72 : #95daae : +30
74 : #9dddb4 : +32
76 : #a4dfba : +34
78 : #ace2c0 : +36
80 : #b4e4c5 : +38
82 : #bbe7cb : +40
84 : #c3ead1 : +42
86 : #caecd7 : +44
88 : #d2efdc : +46
90 : #d9f2e2 : +48
92 : #e1f4e8 : +50
94 : #e8f7ee : +52
96 : #f0faf3 : +54
98 : #f7fcf9 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow