#6290ac
RGB
赤 | 98 |
---|---|
緑 | 144 |
青 | 172 |
HSL
色相 | 203° |
---|---|
彩度 | 31% |
明度 | 53% |
輝度 | 52% |
3桁の色
補色
反転色
RGB ( 赤 = 98, 緑 = 144, 青 = 172 )
HSL ( 色相 = 203°, 彩度 = 31%, 明度 = 53% )
H : 色相 ( 203° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ac6662 : -200
13 : #ac7262 : -190
23 : #ac7e62 : -180
33 : #ac8b62 : -170
43 : #ac9762 : -160
53 : #aca462 : -150
63 : #a9ac62 : -140
73 : #9cac62 : -130
83 : #90ac62 : -120
93 : #83ac62 : -110
103 : #77ac62 : -100
113 : #6bac62 : -90
123 : #62ac66 : -80
133 : #62ac72 : -70
143 : #62ac7e : -60
153 : #62ac8b : -50
163 : #62ac97 : -40
173 : #62aca4 : -30
183 : #62a9ac : -20
193 : #629cac : -10
203 : #6290ac : ±0
213 : #6283ac : +10
223 : #6277ac : +20
233 : #626bac : +30
243 : #6662ac : +40
253 : #7262ac : +50
263 : #7e62ac : +60
273 : #8b62ac : +70
283 : #9762ac : +80
293 : #a462ac : +90
303 : #ac62a9 : +100
313 : #ac629c : +110
323 : #ac6290 : +120
333 : #ac6283 : +130
343 : #ac6277 : +140
353 : #ac626b : +150
193 : #629cac : -10
194 : #629bac : -9
195 : #629aac : -8
196 : #6298ac : -7
197 : #6297ac : -6
198 : #6296ac : -5
199 : #6295ac : -4
200 : #6294ac : -3
201 : #6292ac : -2
202 : #6291ac : -1
203 : #6290ac : ±0
204 : #628fac : +1
205 : #628dac : +2
206 : #628cac : +3
207 : #628bac : +4
208 : #628aac : +5
209 : #6288ac : +6
210 : #6287ac : +7
211 : #6286ac : +8
212 : #6285ac : +9
213 : #6283ac : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868788 : -30
3 : #84888b : -28
5 : #81898d : -26
7 : #7f8990 : -24
9 : #7c8a92 : -22
11 : #7a8a94 : -20
13 : #788b97 : -18
15 : #758b99 : -16
17 : #738c9c : -14
19 : #708c9e : -12
21 : #6e8da0 : -10
23 : #6c8ea3 : -8
25 : #698ea5 : -6
27 : #678fa8 : -4
29 : #648faa : -2
31 : #6290ac : ±0
33 : #6090af : +2
35 : #5d91b1 : +4
37 : #5b91b3 : +6
39 : #5892b6 : +8
41 : #5693b8 : +10
43 : #5493bb : +12
45 : #5194bd : +14
47 : #4f94bf : +16
49 : #4c95c2 : +18
51 : #4a95c4 : +20
53 : #4896c7 : +22
55 : #4597c9 : +24
57 : #4397cb : +26
59 : #4098ce : +28
61 : #3e98d0 : +30
63 : #3c99d3 : +32
65 : #3999d5 : +34
67 : #379ad7 : +36
69 : #349ada : +38
71 : #329bdc : +40
73 : #309cdf : +42
75 : #2d9ce1 : +44
77 : #2b9de3 : +46
79 : #289de6 : +48
81 : #269ee8 : +50
83 : #249eeb : +52
85 : #219fed : +54
87 : #1f9fef : +56
89 : #1ca0f2 : +58
91 : #1aa1f4 : +60
93 : #18a1f7 : +62
95 : #15a2f9 : +64
97 : #13a2fb : +66
99 : #10a3fe : +68
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -52
3 : #05080a : -50
5 : #090e11 : -48
7 : #0c1317 : -46
9 : #10191e : -44
11 : #131e25 : -42
13 : #17242b : -40
15 : #1a2932 : -38
17 : #1e2e39 : -36
19 : #21343f : -34
21 : #253946 : -32
23 : #283f4d : -30
25 : #2c4454 : -28
27 : #304a5a : -26
29 : #334f61 : -24
31 : #375568 : -22
33 : #3a5a6e : -20
35 : #3e6075 : -18
37 : #41657c : -16
39 : #456b82 : -14
41 : #487089 : -12
43 : #4c7690 : -10
45 : #4f7b96 : -8
47 : #53819d : -6
49 : #5686a4 : -4
51 : #5b8ba9 : -2
53 : #6290ac : ±0
55 : #6995b0 : +2
57 : #6f99b3 : +4
59 : #769eb7 : +6
61 : #7da3ba : +8
63 : #83a7be : +10
65 : #8aacc1 : +12
67 : #91b1c5 : +14
69 : #97b6c8 : +16
71 : #9ebacc : +18
73 : #a5bfcf : +20
75 : #abc4d3 : +22
77 : #b2c9d7 : +24
79 : #b9cdda : +26
81 : #c0d2de : +28
83 : #c6d7e1 : +30
85 : #cddce5 : +32
87 : #d4e0e8 : +34
89 : #dae5ec : +36
91 : #e1eaef : +38
93 : #e8eef3 : +40
95 : #eef3f6 : +42
97 : #f5f8fa : +44
99 : #fcfdfd : +46
CSS入門、作ってます。
text-shadow