#46f8fb
RGB
赤 | 70 |
---|---|
緑 | 248 |
青 | 251 |
HSL
色相 | 181° |
---|---|
彩度 | 96% |
明度 | 63% |
輝度 | 77% |
3桁の色
補色
反転色
RGB ( 赤 = 70, 緑 = 248, 青 = 251 )
HSL ( 色相 = 181°, 彩度 = 96%, 明度 = 63% )
H : 色相 ( 181° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fb4946 : -180
11 : #fb6746 : -170
21 : #fb8546 : -160
31 : #fba446 : -150
41 : #fbc246 : -140
51 : #fbe046 : -130
61 : #f8fb46 : -120
71 : #dafb46 : -110
81 : #bcfb46 : -100
91 : #9efb46 : -90
101 : #7ffb46 : -80
111 : #61fb46 : -70
121 : #46fb49 : -60
131 : #46fb67 : -50
141 : #46fb85 : -40
151 : #46fba4 : -30
161 : #46fbc2 : -20
171 : #46fbe0 : -10
181 : #46f8fb : ±0
191 : #46dafb : +10
201 : #46bcfb : +20
211 : #469efb : +30
221 : #467ffb : +40
231 : #4661fb : +50
241 : #4946fb : +60
251 : #6746fb : +70
261 : #8546fb : +80
271 : #a446fb : +90
281 : #c246fb : +100
291 : #e046fb : +110
301 : #fb46f8 : +120
311 : #fb46da : +130
321 : #fb46bc : +140
331 : #fb469e : +150
341 : #fb467f : +160
351 : #fb4661 : +170
171 : #46fbe0 : -10
172 : #46fbe3 : -9
173 : #46fbe6 : -8
174 : #46fbe9 : -7
175 : #46fbec : -6
176 : #46fbef : -5
177 : #46fbf2 : -4
178 : #46fbf5 : -3
179 : #46fbf8 : -2
180 : #46fbfb : -1
181 : #46f8fb : ±0
182 : #46f5fb : +1
183 : #46f2fb : +2
184 : #46effb : +3
185 : #46ecfb : +4
186 : #46e9fb : +5
187 : #46e6fb : +6
188 : #46e3fb : +7
189 : #46e0fb : +8
190 : #46ddfb : +9
191 : #46dafb : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a0a0a0 : -96
2 : #9fa2a3 : -94
4 : #9da4a4 : -92
6 : #9ba6a6 : -90
8 : #99a8a8 : -88
10 : #97aaaa : -86
12 : #95acac : -84
14 : #93adae : -82
16 : #92afb0 : -80
18 : #90b1b2 : -78
20 : #8eb3b4 : -76
22 : #8cb5b5 : -74
24 : #8ab7b7 : -72
26 : #88b8b9 : -70
28 : #86babb : -68
30 : #84bcbd : -66
32 : #82bebf : -64
34 : #81c0c1 : -62
36 : #7fc1c3 : -60
38 : #7dc3c5 : -58
40 : #7bc5c6 : -56
42 : #79c7c8 : -54
44 : #77c9ca : -52
46 : #75cbcc : -50
48 : #73ccce : -48
50 : #71ced0 : -46
52 : #70d0d2 : -44
54 : #6ed2d4 : -42
56 : #6cd4d5 : -40
58 : #6ad6d7 : -38
60 : #68d7d9 : -36
62 : #66d9db : -34
64 : #64dbdd : -32
66 : #62dddf : -30
68 : #60dfe1 : -28
70 : #5fe0e3 : -26
72 : #5de2e5 : -24
74 : #5be4e6 : -22
76 : #59e6e8 : -20
78 : #57e8ea : -18
80 : #55eaec : -16
82 : #53ebee : -14
84 : #51edf0 : -12
86 : #50eff2 : -10
88 : #4ef1f4 : -8
90 : #4cf3f6 : -6
92 : #4af5f7 : -4
94 : #48f6f9 : -2
96 : #46f8fb : ±0
98 : #44fafd : +2
100 : #42fcff : +4
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #000505 : -62
3 : #000f0f : -60
5 : #011919 : -58
7 : #012223 : -56
9 : #012c2d : -54
11 : #013637 : -52
13 : #014041 : -50
15 : #024a4b : -48
17 : #025455 : -46
19 : #025d5f : -44
21 : #026769 : -42
23 : #027173 : -40
25 : #037b7d : -38
27 : #038587 : -36
29 : #038f91 : -34
31 : #03989b : -32
33 : #03a2a5 : -30
35 : #04acaf : -28
37 : #04b6b9 : -26
39 : #04c0c3 : -24
41 : #04cacd : -22
43 : #04d3d7 : -20
45 : #05dde1 : -18
47 : #05e7eb : -16
49 : #05f1f5 : -14
51 : #0af6fa : -12
53 : #14f6fa : -10
55 : #1ef7fa : -8
57 : #28f7fb : -6
59 : #32f7fb : -4
61 : #3cf8fb : -2
63 : #46f8fb : ±0
65 : #50f9fb : +2
67 : #5af9fc : +4
69 : #64f9fc : +6
71 : #6efafc : +8
73 : #78fafc : +10
75 : #82fafc : +12
77 : #8cfbfd : +14
79 : #96fbfd : +16
81 : #a0fcfd : +18
83 : #aafcfd : +20
85 : #b4fcfd : +22
87 : #befdfe : +24
89 : #c8fdfe : +26
91 : #d2fdfe : +28
93 : #dcfefe : +30
95 : #e6fefe : +32
97 : #f0feff : +34
99 : #faffff : +36
CSS入門、作ってます。
text-shadow