#8dc4fc
RGB
赤 | 141 |
---|---|
緑 | 196 |
青 | 252 |
HSL
色相 | 210° |
---|---|
彩度 | 95% |
明度 | 77% |
輝度 | 73% |
3桁の色
補色
反転色
RGB ( 赤 = 141, 緑 = 196, 青 = 252 )
HSL ( 色相 = 210°, 彩度 = 95%, 明度 = 77% )
H : 色相 ( 210° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #fc8d8d : -210
10 : #fc9f8d : -200
20 : #fcb28d : -190
30 : #fcc48d : -180
40 : #fcd78d : -170
50 : #fce98d : -160
60 : #fcfc8d : -150
70 : #e9fc8d : -140
80 : #d7fc8d : -130
90 : #c4fc8d : -120
100 : #b2fc8d : -110
110 : #9ffc8d : -100
120 : #8dfc8d : -90
130 : #8dfc9f : -80
140 : #8dfcb2 : -70
150 : #8dfcc4 : -60
160 : #8dfcd7 : -50
170 : #8dfce9 : -40
180 : #8dfcfc : -30
190 : #8de9fc : -20
200 : #8dd7fc : -10
210 : #8dc4fc : ±0
220 : #8db2fc : +10
230 : #8d9ffc : +20
240 : #8d8dfc : +30
250 : #9f8dfc : +40
260 : #b28dfc : +50
270 : #c48dfc : +60
280 : #d78dfc : +70
290 : #e98dfc : +80
300 : #fc8dfc : +90
310 : #fc8de9 : +100
320 : #fc8dd7 : +110
330 : #fc8dc4 : +120
340 : #fc8db2 : +130
350 : #fc8d9f : +140
200 : #8dd7fc : -10
201 : #8dd5fc : -9
202 : #8dd3fc : -8
203 : #8dd1fc : -7
204 : #8dcffc : -6
205 : #8dcefc : -5
206 : #8dccfc : -4
207 : #8dcafc : -3
208 : #8dc8fc : -2
209 : #8dc6fc : -1
210 : #8dc4fc : ±0
211 : #8dc2fc : +1
212 : #8dc1fc : +2
213 : #8dbffc : +3
214 : #8dbdfc : +4
215 : #8dbbfc : +5
216 : #8db9fc : +6
217 : #8db7fc : +7
218 : #8db5fc : +8
219 : #8db4fc : +9
220 : #8db2fc : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #c4c4c5 : -94
3 : #c3c4c6 : -92
5 : #c1c4c7 : -90
7 : #c0c4c8 : -88
9 : #bfc4ca : -86
11 : #bec4cb : -84
13 : #bdc4cc : -82
15 : #bcc4cd : -80
17 : #bac4ce : -78
19 : #b9c4cf : -76
21 : #b8c4d1 : -74
23 : #b7c4d2 : -72
25 : #b6c4d3 : -70
27 : #b5c4d4 : -68
29 : #b3c4d5 : -66
31 : #b2c4d7 : -64
33 : #b1c4d8 : -62
35 : #b0c4d9 : -60
37 : #afc4da : -58
39 : #adc4db : -56
41 : #acc4dc : -54
43 : #abc4de : -52
45 : #aac4df : -50
47 : #a9c4e0 : -48
49 : #a8c4e1 : -46
51 : #a6c4e2 : -44
53 : #a5c4e3 : -42
55 : #a4c4e5 : -40
57 : #a3c4e6 : -38
59 : #a2c4e7 : -36
61 : #a1c4e8 : -34
63 : #9fc4e9 : -32
65 : #9ec4ea : -30
67 : #9dc4ec : -28
69 : #9cc4ed : -26
71 : #9bc4ee : -24
73 : #9ac4ef : -22
75 : #98c4f0 : -20
77 : #97c4f2 : -18
79 : #96c4f3 : -16
81 : #95c4f4 : -14
83 : #94c4f5 : -12
85 : #92c4f6 : -10
87 : #91c4f7 : -8
89 : #90c4f9 : -6
91 : #8fc4fa : -4
93 : #8ec4fb : -2
95 : #8dc4fc : ±0
97 : #8bc4fd : +2
99 : #8ac4fe : +4
L : 明度 ( 77% )
(0%) 暗い ~ 明るい (100%)
1 : #000305 : -76
3 : #00080f : -74
5 : #010d19 : -72
7 : #011223 : -70
9 : #01172d : -68
11 : #011c37 : -66
13 : #022141 : -64
15 : #02264b : -62
17 : #022b55 : -60
19 : #02305e : -58
21 : #033668 : -56
23 : #033b72 : -54
25 : #03407c : -52
27 : #034586 : -50
29 : #044a90 : -48
31 : #044f9a : -46
33 : #0454a4 : -44
35 : #0459ae : -42
37 : #055eb8 : -40
39 : #0563c2 : -38
41 : #0569cc : -36
43 : #056ed6 : -34
45 : #0673e0 : -32
47 : #0678ea : -30
49 : #067df4 : -28
51 : #0b82f9 : -26
53 : #1587f9 : -24
55 : #1f8cf9 : -22
57 : #2991fa : -20
59 : #3396fa : -18
61 : #3d9cfa : -16
63 : #47a1fa : -14
65 : #51a6fb : -12
67 : #5babfb : -10
69 : #65b0fb : -8
71 : #6fb5fb : -6
73 : #79bafc : -4
75 : #83bffc : -2
77 : #8dc4fc : ±0
79 : #97c9fc : +2
81 : #a1cffd : +4
83 : #aad4fd : +6
85 : #b4d9fd : +8
87 : #bedefd : +10
89 : #c8e3fe : +12
91 : #d2e8fe : +14
93 : #dcedfe : +16
95 : #e6f2fe : +18
97 : #f0f7ff : +20
99 : #fafcff : +22
CSS入門、作ってます。
text-shadow