#9df5fb
RGB
赤 | 157 |
---|---|
緑 | 245 |
青 | 251 |
HSL
色相 | 184° |
---|---|
彩度 | 92% |
明度 | 80% |
輝度 | 86% |
3桁の色
補色
反転色
RGB ( 赤 = 157, 緑 = 245, 青 = 251 )
HSL ( 色相 = 184°, 彩度 = 92%, 明度 = 80% )
H : 色相 ( 184° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fba39d : -180
14 : #fbb39d : -170
24 : #fbc39d : -160
34 : #fbd29d : -150
44 : #fbe29d : -140
54 : #fbf29d : -130
64 : #f5fb9d : -120
74 : #e5fb9d : -110
84 : #d5fb9d : -100
94 : #c6fb9d : -90
104 : #b6fb9d : -80
114 : #a6fb9d : -70
124 : #9dfba3 : -60
134 : #9dfbb3 : -50
144 : #9dfbc3 : -40
154 : #9dfbd2 : -30
164 : #9dfbe2 : -20
174 : #9dfbf2 : -10
184 : #9df5fb : ±0
194 : #9de5fb : +10
204 : #9dd5fb : +20
214 : #9dc6fb : +30
224 : #9db6fb : +40
234 : #9da6fb : +50
244 : #a39dfb : +60
254 : #b39dfb : +70
264 : #c39dfb : +80
274 : #d29dfb : +90
284 : #e29dfb : +100
294 : #f29dfb : +110
304 : #fb9df5 : +120
314 : #fb9de5 : +130
324 : #fb9dd5 : +140
334 : #fb9dc6 : +150
344 : #fb9db6 : +160
354 : #fb9da6 : +170
174 : #9dfbf2 : -10
175 : #9dfbf3 : -9
176 : #9dfbf5 : -8
177 : #9dfbf6 : -7
178 : #9dfbf8 : -6
179 : #9dfbf9 : -5
180 : #9dfbfb : -4
181 : #9df9fb : -3
182 : #9df8fb : -2
183 : #9df6fb : -1
184 : #9df5fb : ±0
185 : #9df3fb : +1
186 : #9df2fb : +2
187 : #9df0fb : +3
188 : #9deefb : +4
189 : #9dedfb : +5
190 : #9debfb : +6
191 : #9deafb : +7
192 : #9de8fb : +8
193 : #9de7fb : +9
194 : #9de5fb : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #cccccc : -92
2 : #cbcdcd : -90
4 : #cacece : -88
6 : #c9cfcf : -86
8 : #c8d0d0 : -84
10 : #c7d0d1 : -82
12 : #c6d1d2 : -80
14 : #c5d2d3 : -78
16 : #c4d3d4 : -76
18 : #c3d4d5 : -74
20 : #c2d5d6 : -72
22 : #c1d6d7 : -70
24 : #c0d7d8 : -68
26 : #bfd7d9 : -66
28 : #bed8da : -64
30 : #bdd9db : -62
32 : #bcdadc : -60
34 : #bbdbdd : -58
36 : #badcde : -56
38 : #b9dddf : -54
40 : #b8dee0 : -52
42 : #b7dfe1 : -50
44 : #b6dfe2 : -48
46 : #b5e0e3 : -46
48 : #b4e1e4 : -44
50 : #b3e2e6 : -42
52 : #b1e3e7 : -40
54 : #b0e4e8 : -38
56 : #afe5e9 : -36
58 : #aee6ea : -34
60 : #ade7eb : -32
62 : #ace7ec : -30
64 : #abe8ed : -28
66 : #aae9ee : -26
68 : #a9eaef : -24
70 : #a8ebf0 : -22
72 : #a7ecf1 : -20
74 : #a6edf2 : -18
76 : #a5eef3 : -16
78 : #a4eef4 : -14
80 : #a3eff5 : -12
82 : #a2f0f6 : -10
84 : #a1f1f7 : -8
86 : #a0f2f8 : -6
88 : #9ff3f9 : -4
90 : #9ef4fa : -2
92 : #9df5fb : ±0
94 : #9cf6fc : +2
96 : #9bf6fd : +4
98 : #9af7fe : +6
100 : #99f8ff : +8
L : 明度 ( 80% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -80
2 : #00090a : -78
4 : #011214 : -76
6 : #011b1d : -74
8 : #022527 : -72
10 : #022e31 : -70
12 : #02373b : -68
14 : #034045 : -66
16 : #03494e : -64
18 : #045258 : -62
20 : #045c62 : -60
22 : #04656c : -58
24 : #056e76 : -56
26 : #05777f : -54
28 : #068089 : -52
30 : #068993 : -50
32 : #07939d : -48
34 : #079ca6 : -46
36 : #07a5b0 : -44
38 : #08aeba : -42
40 : #08b7c4 : -40
42 : #09c0ce : -38
44 : #09cad7 : -36
46 : #09d3e1 : -34
48 : #0adceb : -32
50 : #0ae5f5 : -30
52 : #14e6f5 : -28
54 : #1ee7f6 : -26
56 : #28e8f6 : -24
58 : #31e9f6 : -22
60 : #3beaf7 : -20
62 : #45ebf7 : -18
64 : #4fecf8 : -16
66 : #59edf8 : -14
68 : #62eef8 : -12
70 : #6ceff9 : -10
72 : #76f1f9 : -8
74 : #80f2fa : -6
76 : #89f3fa : -4
78 : #93f4fb : -2
80 : #9df5fb : ±0
82 : #a7f6fb : +2
84 : #b1f7fc : +4
86 : #baf8fc : +6
88 : #c4f9fd : +8
90 : #cefafd : +10
92 : #d8fbfd : +12
94 : #e2fcfe : +14
96 : #ebfdfe : +16
98 : #f5feff : +18
100 : #ffffff : +20
CSS入門、作ってます。
text-shadow