#ccd9db
RGB
赤 | 204 |
---|---|
緑 | 217 |
青 | 219 |
HSL
色相 | 188° |
---|---|
彩度 | 17% |
明度 | 83% |
輝度 | 84% |
3桁の色
補色
反転色
RGB ( 赤 = 204, 緑 = 217, 青 = 219 )
HSL ( 色相 = 188°, 彩度 = 17%, 明度 = 83% )
H : 色相 ( 188° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #dbcecc : -180
18 : #dbd1cc : -170
28 : #dbd3cc : -160
38 : #dbd6cc : -150
48 : #dbd8cc : -140
58 : #dbdbcc : -130
68 : #d9dbcc : -120
78 : #d7dbcc : -110
88 : #d4dbcc : -100
98 : #d2dbcc : -90
108 : #cfdbcc : -80
118 : #cddbcc : -70
128 : #ccdbce : -60
138 : #ccdbd1 : -50
148 : #ccdbd3 : -40
158 : #ccdbd6 : -30
168 : #ccdbd8 : -20
178 : #ccdbdb : -10
188 : #ccd9db : ±0
198 : #ccd7db : +10
208 : #ccd4db : +20
218 : #ccd2db : +30
228 : #cccfdb : +40
238 : #cccddb : +50
248 : #ceccdb : +60
258 : #d1ccdb : +70
268 : #d3ccdb : +80
278 : #d6ccdb : +90
288 : #d8ccdb : +100
298 : #dbccdb : +110
308 : #dbccd9 : +120
318 : #dbccd7 : +130
328 : #dbccd4 : +140
338 : #dbccd2 : +150
348 : #dbcccf : +160
358 : #dbcccd : +170
178 : #ccdbdb : -10
179 : #ccdbdb : -9
180 : #ccdbdb : -8
181 : #ccdbdb : -7
182 : #ccdbdb : -6
183 : #ccdadb : -5
184 : #ccdadb : -4
185 : #ccdadb : -3
186 : #ccdadb : -2
187 : #ccd9db : -1
188 : #ccd9db : ±0
189 : #ccd9db : +1
190 : #ccd9db : +2
191 : #ccd8db : +3
192 : #ccd8db : +4
193 : #ccd8db : +5
194 : #ccd8db : +6
195 : #ccd7db : +7
196 : #ccd7db : +8
197 : #ccd7db : +9
198 : #ccd7db : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d3d4d4 : -16
3 : #d2d5d5 : -14
5 : #d1d5d6 : -12
7 : #d1d6d7 : -10
9 : #d0d7d8 : -8
11 : #cfd7d8 : -6
13 : #ced8d9 : -4
15 : #cdd8da : -2
17 : #ccd9db : ±0
19 : #cbdadc : +2
21 : #cbdadd : +4
23 : #cadbde : +6
25 : #c9dcde : +8
27 : #c8dcdf : +10
29 : #c7dde0 : +12
31 : #c6dee1 : +14
33 : #c5dee2 : +16
35 : #c4dfe3 : +18
37 : #c4dfe4 : +20
39 : #c3e0e5 : +22
41 : #c2e1e5 : +24
43 : #c1e1e6 : +26
45 : #c0e2e7 : +28
47 : #bfe3e8 : +30
49 : #bee3e9 : +32
51 : #bee4ea : +34
53 : #bde4eb : +36
55 : #bce5eb : +38
57 : #bbe6ec : +40
59 : #bae6ed : +42
61 : #b9e7ee : +44
63 : #b8e8ef : +46
65 : #b7e8f0 : +48
67 : #b7e9f1 : +50
69 : #b6eaf2 : +52
71 : #b5eaf2 : +54
73 : #b4ebf3 : +56
75 : #b3ebf4 : +58
77 : #b2ecf5 : +60
79 : #b1edf6 : +62
81 : #b1edf7 : +64
83 : #b0eef8 : +66
85 : #afeff8 : +68
87 : #aeeff9 : +70
89 : #adf0fa : +72
91 : #acf1fb : +74
93 : #abf1fc : +76
95 : #aaf2fd : +78
97 : #aaf2fe : +80
99 : #a9f3ff : +82
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -82
3 : #060909 : -80
5 : #0b0e0f : -78
7 : #0f1415 : -76
9 : #131a1b : -74
11 : #172021 : -72
13 : #1c2527 : -70
15 : #202b2d : -68
17 : #243133 : -66
19 : #283639 : -64
21 : #2c3c3f : -62
23 : #314245 : -60
25 : #35484b : -58
27 : #394d51 : -56
29 : #3d5357 : -54
31 : #42595c : -52
33 : #465f62 : -50
35 : #4a6468 : -48
37 : #4e6a6e : -46
39 : #537074 : -44
41 : #57767a : -42
43 : #5b7b80 : -40
45 : #5f8186 : -38
47 : #63878c : -36
49 : #688d92 : -34
51 : #6d9297 : -32
53 : #73969c : -30
55 : #799ba0 : -28
57 : #7f9fa4 : -26
59 : #85a3a8 : -24
61 : #8ba8ac : -22
63 : #91acb1 : -20
65 : #97b1b5 : -18
67 : #9db5b9 : -16
69 : #a3babd : -14
71 : #a8bec2 : -12
73 : #aec3c6 : -10
75 : #b4c7ca : -8
77 : #baccce : -6
79 : #c0d0d3 : -4
81 : #c6d5d7 : -2
83 : #ccd9db : ±0
85 : #d2dedf : +2
87 : #d8e2e3 : +4
89 : #dee6e8 : +6
91 : #e4ebec : +8
93 : #eaeff0 : +10
95 : #f0f4f4 : +12
97 : #f6f8f9 : +14
99 : #fcfdfd : +16
CSS入門、作ってます。
text-shadow