#589d85
RGB
赤 | 88 |
---|---|
緑 | 157 |
青 | 133 |
HSL
色相 | 159° |
---|---|
彩度 | 28% |
明度 | 48% |
輝度 | 52% |
3桁の色
補色
反転色
RGB ( 赤 = 88, 緑 = 157, 青 = 133 )
HSL ( 色相 = 159°, 彩度 = 28%, 明度 = 48% )
H : 色相 ( 159° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #9d6258 : -150
19 : #9d6e58 : -140
29 : #9d7958 : -130
39 : #9d8558 : -120
49 : #9d9058 : -110
59 : #9d9c58 : -100
69 : #929d58 : -90
79 : #879d58 : -80
89 : #7c9d58 : -70
99 : #709d58 : -60
109 : #659d58 : -50
119 : #599d58 : -40
129 : #589d62 : -30
139 : #589d6e : -20
149 : #589d79 : -10
159 : #589d85 : ±0
169 : #589d90 : +10
179 : #589d9c : +20
189 : #58929d : +30
199 : #58879d : +40
209 : #587c9d : +50
219 : #58709d : +60
229 : #58659d : +70
239 : #58599d : +80
249 : #62589d : +90
259 : #6e589d : +100
269 : #79589d : +110
279 : #85589d : +120
289 : #90589d : +130
299 : #9c589d : +140
309 : #9d5892 : +150
319 : #9d5887 : +160
329 : #9d587c : +170
339 : #9d5870 : +180
349 : #9d5865 : +190
359 : #9d5859 : +200
149 : #589d79 : -10
150 : #589d7a : -9
151 : #589d7c : -8
152 : #589d7d : -7
153 : #589d7e : -6
154 : #589d7f : -5
155 : #589d80 : -4
156 : #589d81 : -3
157 : #589d82 : -2
158 : #589d84 : -1
159 : #589d85 : ±0
160 : #589d86 : +1
161 : #589d87 : +2
162 : #589d88 : +3
163 : #589d89 : +4
164 : #589d8a : +5
165 : #589d8c : +6
166 : #589d8d : +7
167 : #589d8e : +8
168 : #589d8f : +9
169 : #589d90 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -28
2 : #787d7b : -26
4 : #767f7c : -24
6 : #73827d : -22
8 : #71847d : -20
10 : #6e877e : -18
12 : #6c897f : -16
14 : #698c80 : -14
16 : #678e80 : -12
18 : #649081 : -10
20 : #629382 : -8
22 : #5f9582 : -6
24 : #5d9883 : -4
26 : #5b9a84 : -2
28 : #589d85 : ±0
30 : #569f85 : +2
32 : #53a286 : +4
34 : #51a487 : +6
36 : #4ea688 : +8
38 : #4ca988 : +10
40 : #49ab89 : +12
42 : #47ae8a : +14
44 : #45b08b : +16
46 : #42b38b : +18
48 : #40b58c : +20
50 : #3db88d : +22
52 : #3bba8d : +24
54 : #38bc8e : +26
56 : #36bf8f : +28
58 : #33c190 : +30
60 : #31c490 : +32
62 : #2fc691 : +34
64 : #2cc992 : +36
66 : #2acb93 : +38
68 : #27ce93 : +40
70 : #25d094 : +42
72 : #22d395 : +44
74 : #20d596 : +46
76 : #1dd796 : +48
78 : #1bda97 : +50
80 : #18dc98 : +52
82 : #16df99 : +54
84 : #14e199 : +56
86 : #11e49a : +58
88 : #0fe69b : +60
90 : #0ce99b : +62
92 : #0aeb9c : +64
94 : #07ed9d : +66
96 : #05f09e : +68
98 : #02f29e : +70
100 : #00f59f : +72
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #040706 : -46
4 : #070d0b : -44
6 : #0b1411 : -42
8 : #0f1a16 : -40
10 : #12211c : -38
12 : #162721 : -36
14 : #1a2e27 : -34
16 : #1d342c : -32
18 : #213b32 : -30
20 : #254137 : -28
22 : #28483d : -26
24 : #2c4e42 : -24
26 : #305548 : -22
28 : #335b4d : -20
30 : #376253 : -18
32 : #3b6858 : -16
34 : #3e6f5e : -14
36 : #427664 : -12
38 : #467c69 : -10
40 : #49836f : -8
42 : #4d8974 : -6
44 : #51907a : -4
46 : #54967f : -2
48 : #589d85 : ±0
50 : #5ca38a : +2
52 : #62a78f : +4
54 : #69ab94 : +6
56 : #6fae98 : +8
58 : #76b29d : +10
60 : #7cb6a2 : +12
62 : #83b9a6 : +14
64 : #89bdab : +16
66 : #90c1b0 : +18
68 : #97c4b4 : +20
70 : #9dc8b9 : +22
72 : #a4ccbe : +24
74 : #aacfc2 : +26
76 : #b1d3c7 : +28
78 : #b7d7cc : +30
80 : #bedad0 : +32
82 : #c4ded5 : +34
84 : #cbe2da : +36
86 : #d1e5de : +38
88 : #d8e9e3 : +40
90 : #deede8 : +42
92 : #e5f0ec : +44
94 : #ebf4f1 : +46
96 : #f2f8f6 : +48
98 : #f8fbfa : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow