#56cffb
RGB
赤 | 86 |
---|---|
緑 | 207 |
青 | 251 |
HSL
色相 | 196° |
---|---|
彩度 | 95% |
明度 | 66% |
輝度 | 69% |
3桁の色
補色
反転色
RGB ( 赤 = 86, 緑 = 207, 青 = 251 )
HSL ( 色相 = 196°, 彩度 = 95%, 明度 = 66% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fb6656 : -190
16 : #fb8256 : -180
26 : #fb9d56 : -170
36 : #fbb956 : -160
46 : #fbd456 : -150
56 : #fbf056 : -140
66 : #eafb56 : -130
76 : #cffb56 : -120
86 : #b3fb56 : -110
96 : #98fb56 : -100
106 : #7cfb56 : -90
116 : #61fb56 : -80
126 : #56fb66 : -70
136 : #56fb82 : -60
146 : #56fb9d : -50
156 : #56fbb9 : -40
166 : #56fbd4 : -30
176 : #56fbf0 : -20
186 : #56eafb : -10
196 : #56cffb : ±0
206 : #56b3fb : +10
216 : #5698fb : +20
226 : #567cfb : +30
236 : #5661fb : +40
246 : #6656fb : +50
256 : #8256fb : +60
266 : #9d56fb : +70
276 : #b956fb : +80
286 : #d456fb : +90
296 : #f056fb : +100
306 : #fb56ea : +110
316 : #fb56cf : +120
326 : #fb56b3 : +130
336 : #fb5698 : +140
346 : #fb567c : +150
356 : #fb5661 : +160
186 : #56eafb : -10
187 : #56e7fb : -9
188 : #56e5fb : -8
189 : #56e2fb : -7
190 : #56dffb : -6
191 : #56dcfb : -5
192 : #56dafb : -4
193 : #56d7fb : -3
194 : #56d4fb : -2
195 : #56d1fb : -1
196 : #56cffb : ±0
197 : #56ccfb : +1
198 : #56c9fb : +2
199 : #56c7fb : +3
200 : #56c4fb : +4
201 : #56c1fb : +5
202 : #56befb : +6
203 : #56bcfb : +7
204 : #56b9fb : +8
205 : #56b6fb : +9
206 : #56b3fb : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a7a9a9 : -94
3 : #a6aaab : -92
5 : #a4aaad : -90
7 : #a2abae : -88
9 : #a0acb0 : -86
11 : #9fadb2 : -84
13 : #9daeb4 : -82
15 : #9baeb5 : -80
17 : #9aafb7 : -78
19 : #98b0b9 : -76
21 : #96b1bb : -74
23 : #94b2bc : -72
25 : #93b2be : -70
27 : #91b3c0 : -68
29 : #8fb4c1 : -66
31 : #8db5c3 : -64
33 : #8cb6c5 : -62
35 : #8ab6c7 : -60
37 : #88b7c8 : -58
39 : #86b8ca : -56
41 : #85b9cc : -54
43 : #83bace : -52
45 : #81bbcf : -50
47 : #80bbd1 : -48
49 : #7ebcd3 : -46
51 : #7cbdd5 : -44
53 : #7abed6 : -42
55 : #79bfd8 : -40
57 : #77bfda : -38
59 : #75c0db : -36
61 : #73c1dd : -34
63 : #72c2df : -32
65 : #70c3e1 : -30
67 : #6ec3e2 : -28
69 : #6cc4e4 : -26
71 : #6bc5e6 : -24
73 : #69c6e8 : -22
75 : #67c7e9 : -20
77 : #66c7eb : -18
79 : #64c8ed : -16
81 : #62c9ef : -14
83 : #60caf0 : -12
85 : #5fcbf2 : -10
87 : #5dccf4 : -8
89 : #5bccf5 : -6
91 : #59cdf7 : -4
93 : #58cef9 : -2
95 : #56cffb : ±0
97 : #54d0fc : +2
99 : #52d0fe : +4
L : 明度 ( 66% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -66
2 : #00070a : -64
4 : #010f14 : -62
6 : #01161e : -60
8 : #011d28 : -58
10 : #012532 : -56
12 : #022c3c : -54
14 : #023446 : -52
16 : #023b50 : -50
18 : #02425a : -48
20 : #034a63 : -46
22 : #03516d : -44
24 : #035877 : -42
26 : #036081 : -40
28 : #04678b : -38
30 : #046e95 : -36
32 : #04769f : -34
34 : #047da9 : -32
36 : #0584b3 : -30
38 : #058cbd : -28
40 : #0593c7 : -26
42 : #059bd1 : -24
44 : #06a2db : -22
46 : #06a9e5 : -20
48 : #06b1ef : -18
50 : #06b8f9 : -16
52 : #10bbf9 : -14
54 : #1abef9 : -12
56 : #24c1f9 : -10
58 : #2ec3fa : -8
60 : #38c6fa : -6
62 : #42c9fa : -4
64 : #4cccfa : -2
66 : #56cffb : ±0
68 : #60d2fb : +2
70 : #6ad4fb : +4
72 : #74d7fb : +6
74 : #7edafc : +8
76 : #88ddfc : +10
78 : #92e0fc : +12
80 : #9ce3fc : +14
82 : #a5e5fd : +16
84 : #afe8fd : +18
86 : #b9ebfd : +20
88 : #c3eefd : +22
90 : #cdf1fe : +24
92 : #d7f4fe : +26
94 : #e1f6fe : +28
96 : #ebf9fe : +30
98 : #f5fcff : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow