#cafaf8
RGB
赤 | 202 |
---|---|
緑 | 250 |
青 | 248 |
HSL
色相 | 178° |
---|---|
彩度 | 83% |
明度 | 89% |
輝度 | 92% |
3桁の色
補色
反転色
RGB ( 赤 = 202, 緑 = 250, 青 = 248 )
HSL ( 色相 = 178°, 彩度 = 83%, 明度 = 89% )
H : 色相 ( 178° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #fad2cc : -170
18 : #fadacc : -160
28 : #fae1cc : -150
38 : #fae9cc : -140
48 : #faf1cc : -130
58 : #faf9cc : -120
68 : #f4facc : -110
78 : #ecfacc : -100
88 : #e5facc : -90
98 : #ddfacc : -80
108 : #d5facc : -70
118 : #cdfacc : -60
128 : #ccfad2 : -50
138 : #ccfada : -40
148 : #ccfae1 : -30
158 : #ccfae9 : -20
168 : #ccfaf1 : -10
178 : #ccfaf9 : ±0
188 : #ccf4fa : +10
198 : #ccecfa : +20
208 : #cce5fa : +30
218 : #ccddfa : +40
228 : #ccd5fa : +50
238 : #cccdfa : +60
248 : #d2ccfa : +70
258 : #daccfa : +80
268 : #e1ccfa : +90
278 : #e9ccfa : +100
288 : #f1ccfa : +110
298 : #f9ccfa : +120
308 : #faccf4 : +130
318 : #faccec : +140
328 : #facce5 : +150
338 : #faccdd : +160
348 : #faccd5 : +170
358 : #facccd : +180
168 : #ccfaf1 : -10
169 : #ccfaf2 : -9
170 : #ccfaf2 : -8
171 : #ccfaf3 : -7
172 : #ccfaf4 : -6
173 : #ccfaf5 : -5
174 : #ccfaf6 : -4
175 : #ccfaf6 : -3
176 : #ccfaf7 : -2
177 : #ccfaf8 : -1
178 : #ccfaf9 : ±0
179 : #ccfaf9 : +1
180 : #ccfafa : +2
181 : #ccf9fa : +3
182 : #ccf9fa : +4
183 : #ccf8fa : +5
184 : #ccf7fa : +6
185 : #ccf6fa : +7
186 : #ccf6fa : +8
187 : #ccf5fa : +9
188 : #ccf4fa : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #e3e3e3 : -82
3 : #e2e4e4 : -80
5 : #e2e4e4 : -78
7 : #e1e5e5 : -76
9 : #e0e5e5 : -74
11 : #e0e6e6 : -72
13 : #dfe7e6 : -70
15 : #dfe7e7 : -68
17 : #dee8e7 : -66
19 : #dee8e8 : -64
21 : #dde9e8 : -62
23 : #dce9e9 : -60
25 : #dceae9 : -58
27 : #dbebea : -56
29 : #dbebeb : -54
31 : #daeceb : -52
33 : #daecec : -50
35 : #d9edec : -48
37 : #d9eded : -46
39 : #d8eeed : -44
41 : #d7eeee : -42
43 : #d7efee : -40
45 : #d6f0ef : -38
47 : #d6f0ef : -36
49 : #d5f1f0 : -34
51 : #d5f1f0 : -32
53 : #d4f2f1 : -30
55 : #d4f2f1 : -28
57 : #d3f3f2 : -26
59 : #d2f3f2 : -24
61 : #d2f4f3 : -22
63 : #d1f5f3 : -20
65 : #d1f5f4 : -18
67 : #d0f6f4 : -16
69 : #d0f6f5 : -14
71 : #cff7f6 : -12
73 : #cef7f6 : -10
75 : #cef8f7 : -8
77 : #cdf9f7 : -6
79 : #cdf9f8 : -4
81 : #ccfaf8 : -2
83 : #ccfaf9 : ±0
85 : #cbfbf9 : +2
87 : #cbfbfa : +4
89 : #cafcfa : +6
91 : #c9fcfb : +8
93 : #c9fdfb : +10
95 : #c8fefc : +12
97 : #c8fefc : +14
99 : #c7fffd : +16
L : 明度 ( 89% )
(0%) 暗い ~ 明るい (100%)
1 : #000505 : -88
3 : #010e0e : -86
5 : #021717 : -84
7 : #032120 : -82
9 : #042a29 : -80
11 : #053332 : -78
13 : #063d3b : -76
15 : #074644 : -74
17 : #074f4d : -72
19 : #085956 : -70
21 : #09625f : -68
23 : #0a6b68 : -66
25 : #0b7571 : -64
27 : #0c7e7a : -62
29 : #0d8783 : -60
31 : #0d918c : -58
33 : #0e9a95 : -56
35 : #0fa39e : -54
37 : #10ada7 : -52
39 : #11b6b0 : -50
41 : #12bfba : -48
43 : #13c9c3 : -46
45 : #14d2cc : -44
47 : #14dbd5 : -42
49 : #15e5de : -40
51 : #1aeae3 : -38
53 : #24ebe4 : -36
55 : #2debe5 : -34
57 : #36ece6 : -32
59 : #40ede7 : -30
61 : #49eee9 : -28
63 : #52efea : -26
65 : #5cf0eb : -24
67 : #65f1ec : -22
69 : #6ef2ed : -20
71 : #78f2ee : -18
73 : #81f3ef : -16
75 : #8af4f1 : -14
77 : #94f5f2 : -12
79 : #9df6f3 : -10
81 : #a6f7f4 : -8
83 : #b0f8f5 : -6
85 : #b9f8f6 : -4
87 : #c2f9f8 : -2
89 : #ccfaf9 : ±0
91 : #d5fbfa : +2
93 : #defcfb : +4
95 : #e8fdfc : +6
97 : #f1fefd : +8
99 : #fafffe : +10
CSS入門、作ってます。
text-shadow