#cbdcfb
RGB
赤 | 203 |
---|---|
緑 | 220 |
青 | 251 |
HSL
色相 | 219° |
---|---|
彩度 | 86% |
明度 | 89% |
輝度 | 86% |
3桁の色
補色
反転色
RGB ( 赤 = 203, 緑 = 220, 青 = 251 )
HSL ( 色相 = 219°, 彩度 = 86%, 明度 = 89% )
H : 色相 ( 219° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #fbd2cb : -210
19 : #fbdacb : -200
29 : #fbe2cb : -190
39 : #fbeacb : -180
49 : #fbf2cb : -170
59 : #fbfacb : -160
69 : #f4fbcb : -150
79 : #ecfbcb : -140
89 : #e4fbcb : -130
99 : #dcfbcb : -120
109 : #d4fbcb : -110
119 : #ccfbcb : -100
129 : #cbfbd2 : -90
139 : #cbfbda : -80
149 : #cbfbe2 : -70
159 : #cbfbea : -60
169 : #cbfbf2 : -50
179 : #cbfbfa : -40
189 : #cbf4fb : -30
199 : #cbecfb : -20
209 : #cbe4fb : -10
219 : #cbdcfb : ±0
229 : #cbd4fb : +10
239 : #cbccfb : +20
249 : #d2cbfb : +30
259 : #dacbfb : +40
269 : #e2cbfb : +50
279 : #eacbfb : +60
289 : #f2cbfb : +70
299 : #facbfb : +80
309 : #fbcbf4 : +90
319 : #fbcbec : +100
329 : #fbcbe4 : +110
339 : #fbcbdc : +120
349 : #fbcbd4 : +130
359 : #fbcbcc : +140
209 : #cbe4fb : -10
210 : #cbe3fb : -9
211 : #cbe2fb : -8
212 : #cbe1fb : -7
213 : #cbe1fb : -6
214 : #cbe0fb : -5
215 : #cbdffb : -4
216 : #cbdefb : -3
217 : #cbddfb : -2
218 : #cbddfb : -1
219 : #cbdcfb : ±0
220 : #cbdbfb : +1
221 : #cbdafb : +2
222 : #cbd9fb : +3
223 : #cbd8fb : +4
224 : #cbd8fb : +5
225 : #cbd7fb : +6
226 : #cbd6fb : +7
227 : #cbd5fb : +8
228 : #cbd4fb : +9
229 : #cbd4fb : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #e2e2e2 : -86
2 : #e2e3e4 : -84
4 : #e2e3e4 : -82
6 : #e1e2e5 : -80
8 : #e1e2e5 : -78
10 : #e0e2e6 : -76
12 : #e0e2e6 : -74
14 : #dfe2e7 : -72
16 : #dee2e7 : -70
18 : #dee1e8 : -68
20 : #dde1e9 : -66
22 : #dde1e9 : -64
24 : #dce1ea : -62
26 : #dce1ea : -60
28 : #dbe1eb : -58
30 : #dbe0eb : -56
32 : #dae0ec : -54
34 : #d9e0ec : -52
36 : #d9e0ed : -50
38 : #d8e0ee : -48
40 : #d8e0ee : -46
42 : #d7dfef : -44
44 : #d7dfef : -42
46 : #d6dff0 : -40
48 : #d5dff0 : -38
50 : #d5dff1 : -36
52 : #d4dff2 : -34
54 : #d4def2 : -32
56 : #d3def3 : -30
58 : #d3def3 : -28
60 : #d2def4 : -26
62 : #d2def4 : -24
64 : #d1def5 : -22
66 : #d0ddf5 : -20
68 : #d0ddf6 : -18
70 : #cfddf7 : -16
72 : #cfddf7 : -14
74 : #ceddf8 : -12
76 : #ceddf8 : -10
78 : #cddcf9 : -8
80 : #cddcf9 : -6
82 : #ccdcfa : -4
84 : #cbdcfb : -2
86 : #cbdcfb : ±0
88 : #cadcfc : +2
90 : #cadbfc : +4
92 : #c9dbfd : +6
94 : #c9dbfd : +8
96 : #c8dbfe : +10
98 : #c7dbfe : +12
100 : #c7dbff : +14
L : 明度 ( 89% )
(0%) 暗い ~ 明るい (100%)
1 : #000205 : -88
3 : #01060e : -86
5 : #020918 : -84
7 : #020d21 : -82
9 : #03112b : -80
11 : #041534 : -78
13 : #05193e : -76
15 : #051c47 : -74
17 : #062051 : -72
19 : #07245a : -70
21 : #072864 : -68
23 : #082c6d : -66
25 : #092f77 : -64
27 : #0a3380 : -62
29 : #0a378a : -60
31 : #0b3b93 : -58
33 : #0c3e9d : -56
35 : #0c42a6 : -54
37 : #0d46af : -52
39 : #0e4ab9 : -50
41 : #0f4ec2 : -48
43 : #0f51cc : -46
45 : #1055d5 : -44
47 : #1159df : -42
49 : #115de8 : -40
51 : #1762ee : -38
53 : #2068ee : -36
55 : #2a6fef : -34
57 : #3375f0 : -32
59 : #3d7bf0 : -30
61 : #4682f1 : -28
63 : #5088f2 : -26
65 : #598ff3 : -24
67 : #6295f3 : -22
69 : #6c9cf4 : -20
71 : #75a2f5 : -18
73 : #7fa8f5 : -16
75 : #88aff6 : -14
77 : #92b5f7 : -12
79 : #9bbcf8 : -10
81 : #a5c2f8 : -8
83 : #aec8f9 : -6
85 : #b8cffa : -4
87 : #c1d5fa : -2
89 : #cbdcfb : ±0
91 : #d4e2fc : +2
93 : #dee9fd : +4
95 : #e7effd : +6
97 : #f1f5fe : +8
99 : #fafcff : +10
CSS入門、作ってます。
text-shadow