#cdd7da
RGB
赤 | 205 |
---|---|
緑 | 215 |
青 | 218 |
HSL
色相 | 194° |
---|---|
彩度 | 15% |
明度 | 83% |
輝度 | 83% |
3桁の色
補色
反転色
RGB ( 赤 = 205, 緑 = 215, 青 = 218 )
HSL ( 色相 = 194°, 彩度 = 15%, 明度 = 83% )
H : 色相 ( 194° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #dacecd : -190
14 : #dad0cd : -180
24 : #dad2cd : -170
34 : #dad5cd : -160
44 : #dad7cd : -150
54 : #dad9cd : -140
64 : #d9dacd : -130
74 : #d7dacd : -120
84 : #d5dacd : -110
94 : #d3dacd : -100
104 : #d1dacd : -90
114 : #cedacd : -80
124 : #cddace : -70
134 : #cddad0 : -60
144 : #cddad2 : -50
154 : #cddad5 : -40
164 : #cddad7 : -30
174 : #cddad9 : -20
184 : #cdd9da : -10
194 : #cdd7da : ±0
204 : #cdd5da : +10
214 : #cdd3da : +20
224 : #cdd1da : +30
234 : #cdceda : +40
244 : #cecdda : +50
254 : #d0cdda : +60
264 : #d2cdda : +70
274 : #d5cdda : +80
284 : #d7cdda : +90
294 : #d9cdda : +100
304 : #dacdd9 : +110
314 : #dacdd7 : +120
324 : #dacdd5 : +130
334 : #dacdd3 : +140
344 : #dacdd1 : +150
354 : #dacdce : +160
184 : #cdd9da : -10
185 : #cdd9da : -9
186 : #cdd9da : -8
187 : #cdd9da : -7
188 : #cdd8da : -6
189 : #cdd8da : -5
190 : #cdd8da : -4
191 : #cdd8da : -3
192 : #cdd8da : -2
193 : #cdd7da : -1
194 : #cdd7da : ±0
195 : #cdd7da : +1
196 : #cdd7da : +2
197 : #cdd6da : +3
198 : #cdd6da : +4
199 : #cdd6da : +5
200 : #cdd6da : +6
201 : #cdd6da : +7
202 : #cdd5da : +8
203 : #cdd5da : +9
204 : #cdd5da : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d3d4d4 : -14
3 : #d2d4d5 : -12
5 : #d1d5d6 : -10
7 : #d1d5d7 : -8
9 : #d0d6d8 : -6
11 : #cfd6d8 : -4
13 : #ced7d9 : -2
15 : #cdd7da : ±0
17 : #ccd8db : +2
19 : #cbd8dc : +4
21 : #cbd9dd : +6
23 : #cad9de : +8
25 : #c9d9de : +10
27 : #c8dadf : +12
29 : #c7dae0 : +14
31 : #c6dbe1 : +16
33 : #c5dbe2 : +18
35 : #c4dce3 : +20
37 : #c4dce4 : +22
39 : #c3dde5 : +24
41 : #c2dde5 : +26
43 : #c1dee6 : +28
45 : #c0dee7 : +30
47 : #bfdfe8 : +32
49 : #bedfe9 : +34
51 : #bedfea : +36
53 : #bde0eb : +38
55 : #bce0eb : +40
57 : #bbe1ec : +42
59 : #bae1ed : +44
61 : #b9e2ee : +46
63 : #b8e2ef : +48
65 : #b7e3f0 : +50
67 : #b7e3f1 : +52
69 : #b6e4f2 : +54
71 : #b5e4f2 : +56
73 : #b4e5f3 : +58
75 : #b3e5f4 : +60
77 : #b2e5f5 : +62
79 : #b1e6f6 : +64
81 : #b1e6f7 : +66
83 : #b0e7f8 : +68
85 : #afe7f8 : +70
87 : #aee8f9 : +72
89 : #ade8fa : +74
91 : #ace9fb : +76
93 : #abe9fc : +78
95 : #aaeafd : +80
97 : #aaeafe : +82
99 : #a9ebff : +84
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -82
3 : #070809 : -80
5 : #0b0e0f : -78
7 : #0f1315 : -76
9 : #14191a : -74
11 : #181e20 : -72
13 : #1c2426 : -70
15 : #21292c : -68
17 : #252f32 : -66
19 : #293438 : -64
21 : #2e3a3e : -62
23 : #323f43 : -60
25 : #364549 : -58
27 : #3b4a4f : -56
29 : #3f5055 : -54
31 : #43555b : -52
33 : #485b61 : -50
35 : #4c6067 : -48
37 : #50666d : -46
39 : #556b72 : -44
41 : #597178 : -42
43 : #5d767e : -40
45 : #627c84 : -38
47 : #66818a : -36
49 : #6a8790 : -34
51 : #6f8c95 : -32
53 : #759199 : -30
55 : #7b959d : -28
57 : #819aa2 : -26
59 : #879fa6 : -24
61 : #8da4aa : -22
63 : #92a8af : -20
65 : #98adb3 : -18
67 : #9eb2b7 : -16
69 : #a4b6bc : -14
71 : #aabbc0 : -12
73 : #b0c0c4 : -10
75 : #b6c4c9 : -8
77 : #bcc9cd : -6
79 : #c1ced1 : -4
81 : #c7d2d6 : -2
83 : #cdd7da : ±0
85 : #d3dcde : +2
87 : #d9e1e3 : +4
89 : #dfe5e7 : +6
91 : #e5eaeb : +8
93 : #eaeff0 : +10
95 : #f0f3f4 : +12
97 : #f6f8f8 : +14
99 : #fcfdfd : +16
CSS入門、作ってます。
text-shadow