#57b4d6
RGB
赤 | 87 |
---|---|
緑 | 180 |
青 | 214 |
HSL
色相 | 196° |
---|---|
彩度 | 61% |
明度 | 59% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 87, 緑 = 180, 青 = 214 )
HSL ( 色相 = 196°, 彩度 = 61%, 明度 = 59% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #d66357 : -190
16 : #d67957 : -180
26 : #d68e57 : -170
36 : #d6a357 : -160
46 : #d6b857 : -150
56 : #d6ce57 : -140
66 : #c9d657 : -130
76 : #b4d657 : -120
86 : #9fd657 : -110
96 : #8ad657 : -100
106 : #74d657 : -90
116 : #5fd657 : -80
126 : #57d663 : -70
136 : #57d679 : -60
146 : #57d68e : -50
156 : #57d6a3 : -40
166 : #57d6b8 : -30
176 : #57d6ce : -20
186 : #57c9d6 : -10
196 : #57b4d6 : ±0
206 : #579fd6 : +10
216 : #578ad6 : +20
226 : #5774d6 : +30
236 : #575fd6 : +40
246 : #6357d6 : +50
256 : #7957d6 : +60
266 : #8e57d6 : +70
276 : #a357d6 : +80
286 : #b857d6 : +90
296 : #ce57d6 : +100
306 : #d657c9 : +110
316 : #d657b4 : +120
326 : #d6579f : +130
336 : #d6578a : +140
346 : #d65774 : +150
356 : #d6575f : +160
186 : #57c9d6 : -10
187 : #57c7d6 : -9
188 : #57c5d6 : -8
189 : #57c3d6 : -7
190 : #57c1d6 : -6
191 : #57bfd6 : -5
192 : #57bdd6 : -4
193 : #57bbd6 : -3
194 : #57b8d6 : -2
195 : #57b6d6 : -1
196 : #57b4d6 : ±0
197 : #57b2d6 : +1
198 : #57b0d6 : +2
199 : #57aed6 : +3
200 : #57acd6 : +4
201 : #57aad6 : +5
202 : #57a7d6 : +6
203 : #57a5d6 : +7
204 : #57a3d6 : +8
205 : #57a1d6 : +9
206 : #579fd6 : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959797 : -60
3 : #93989a : -58
5 : #91999c : -56
7 : #8f9a9e : -54
9 : #8d9ba0 : -52
11 : #8b9ca2 : -50
13 : #899da4 : -48
15 : #879ea6 : -46
17 : #859fa8 : -44
19 : #83a0aa : -42
21 : #80a1ac : -40
23 : #7ea2ae : -38
25 : #7ca3b1 : -36
27 : #7aa4b3 : -34
29 : #78a5b5 : -32
31 : #76a6b7 : -30
33 : #74a7b9 : -28
35 : #72a8bb : -26
37 : #70a9bd : -24
39 : #6ea9bf : -22
41 : #6caac1 : -20
43 : #69abc3 : -18
45 : #67acc5 : -16
47 : #65adc8 : -14
49 : #63aeca : -12
51 : #61afcc : -10
53 : #5fb0ce : -8
55 : #5db1d0 : -6
57 : #5bb2d2 : -4
59 : #59b3d4 : -2
61 : #57b4d6 : ±0
63 : #55b5d8 : +2
65 : #52b6da : +4
67 : #50b7dc : +6
69 : #4eb8df : +8
71 : #4cb9e1 : +10
73 : #4abae3 : +12
75 : #48bbe5 : +14
77 : #46bce7 : +16
79 : #44bde9 : +18
81 : #42beeb : +20
83 : #40bfed : +22
85 : #3ec0ef : +24
87 : #3bc1f1 : +26
89 : #39c2f3 : +28
91 : #37c3f6 : +30
93 : #35c4f8 : +32
95 : #33c5fa : +34
97 : #31c6fc : +36
99 : #2fc7fe : +38
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -58
3 : #030a0c : -56
5 : #051015 : -54
7 : #07171d : -52
9 : #091d25 : -50
11 : #0b242d : -48
13 : #0d2b35 : -46
15 : #0f313e : -44
17 : #113846 : -42
19 : #133e4e : -40
21 : #154556 : -38
23 : #174b5e : -36
25 : #195267 : -34
27 : #1b586f : -32
29 : #1d5f77 : -30
31 : #1f667f : -28
33 : #216c87 : -26
35 : #237390 : -24
37 : #257998 : -22
39 : #2780a0 : -20
41 : #2986a8 : -18
43 : #2b8db1 : -16
45 : #2d93b9 : -14
47 : #2f9ac1 : -12
49 : #31a1c9 : -10
51 : #36a6ce : -8
53 : #3ea9d0 : -6
55 : #46add2 : -4
57 : #4eb1d4 : -2
59 : #57b4d6 : ±0
61 : #5fb8d8 : +2
63 : #67bcda : +4
65 : #6fbfdc : +6
67 : #78c3de : +8
69 : #80c6e0 : +10
71 : #88cae2 : +12
73 : #90cee4 : +14
75 : #98d1e6 : +16
77 : #a1d5e8 : +18
79 : #a9d9ea : +20
81 : #b1dcec : +22
83 : #b9e0ee : +24
85 : #c1e4f0 : +26
87 : #cae7f2 : +28
89 : #d2ebf4 : +30
91 : #daeff6 : +32
93 : #e2f2f8 : +34
95 : #eaf6fa : +36
97 : #f3fafc : +38
99 : #fbfdfe : +40
CSS入門、作ってます。
text-shadow