#d9d5ce
RGB
赤 | 217 |
---|---|
緑 | 213 |
青 | 206 |
HSL
色相 | 38° |
---|---|
彩度 | 13% |
明度 | 83% |
輝度 | 84% |
3桁の色
補色
反転色
RGB ( 赤 = 217, 緑 = 213, 青 = 206 )
HSL ( 色相 = 38°, 彩度 = 13%, 明度 = 83% )
H : 色相 ( 38° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #d9d0ce : -30
18 : #d9d1ce : -20
28 : #d9d3ce : -10
38 : #d9d5ce : ±0
48 : #d9d7ce : +10
58 : #d9d9ce : +20
68 : #d8d9ce : +30
78 : #d6d9ce : +40
88 : #d4d9ce : +50
98 : #d2d9ce : +60
108 : #d0d9ce : +70
118 : #ced9ce : +80
128 : #ced9d0 : +90
138 : #ced9d1 : +100
148 : #ced9d3 : +110
158 : #ced9d5 : +120
168 : #ced9d7 : +130
178 : #ced9d9 : +140
188 : #ced8d9 : +150
198 : #ced6d9 : +160
208 : #ced4d9 : +170
218 : #ced2d9 : +180
228 : #ced0d9 : +190
238 : #ceced9 : +200
248 : #d0ced9 : +210
258 : #d1ced9 : +220
268 : #d3ced9 : +230
278 : #d5ced9 : +240
288 : #d7ced9 : +250
298 : #d9ced9 : +260
308 : #d9ced8 : +270
318 : #d9ced6 : +280
328 : #d9ced4 : +290
338 : #d9ced2 : +300
348 : #d9ced0 : +310
358 : #d9cece : +320
28 : #d9d3ce : -10
29 : #d9d3ce : -9
30 : #d9d4ce : -8
31 : #d9d4ce : -7
32 : #d9d4ce : -6
33 : #d9d4ce : -5
34 : #d9d4ce : -4
35 : #d9d5ce : -3
36 : #d9d5ce : -2
37 : #d9d5ce : -1
38 : #d9d5ce : ±0
39 : #d9d5ce : +1
40 : #d9d6ce : +2
41 : #d9d6ce : +3
42 : #d9d6ce : +4
43 : #d9d6ce : +5
44 : #d9d6ce : +6
45 : #d9d6ce : +7
46 : #d9d7ce : +8
47 : #d9d7ce : +9
48 : #d9d7ce : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d4d3 : -12
3 : #d5d4d2 : -10
5 : #d6d4d1 : -8
7 : #d7d4d1 : -6
9 : #d8d5d0 : -4
11 : #d8d5cf : -2
13 : #d9d5ce : ±0
15 : #dad5cd : +2
17 : #dbd6cc : +4
19 : #dcd6cb : +6
21 : #ddd6cb : +8
23 : #ded6ca : +10
25 : #ded7c9 : +12
27 : #dfd7c8 : +14
29 : #e0d7c7 : +16
31 : #e1d7c6 : +18
33 : #e2d7c5 : +20
35 : #e3d8c4 : +22
37 : #e4d8c4 : +24
39 : #e5d8c3 : +26
41 : #e5d8c2 : +28
43 : #e6d9c1 : +30
45 : #e7d9c0 : +32
47 : #e8d9bf : +34
49 : #e9d9be : +36
51 : #eadabe : +38
53 : #ebdabd : +40
55 : #ebdabc : +42
57 : #ecdabb : +44
59 : #eddaba : +46
61 : #eedbb9 : +48
63 : #efdbb8 : +50
65 : #f0dbb7 : +52
67 : #f1dbb7 : +54
69 : #f2dcb6 : +56
71 : #f2dcb5 : +58
73 : #f3dcb4 : +60
75 : #f4dcb3 : +62
77 : #f5ddb2 : +64
79 : #f6ddb1 : +66
81 : #f7ddb1 : +68
83 : #f8ddb0 : +70
85 : #f8ddaf : +72
87 : #f9deae : +74
89 : #fadead : +76
91 : #fbdeac : +78
93 : #fcdeab : +80
95 : #fddfaa : +82
97 : #fedfaa : +84
99 : #ffdfa9 : +86
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -82
3 : #090807 : -80
5 : #0e0d0b : -78
7 : #141210 : -76
9 : #1a1814 : -74
11 : #201d18 : -72
13 : #25221d : -70
15 : #2b2821 : -68
17 : #312d26 : -66
19 : #37322a : -64
21 : #3d372f : -62
23 : #423d33 : -60
25 : #484237 : -58
27 : #4e473c : -56
29 : #544d40 : -54
31 : #595245 : -52
33 : #5f5749 : -50
35 : #655c4e : -48
37 : #6b6252 : -46
39 : #706757 : -44
41 : #766c5b : -42
43 : #7c715f : -40
45 : #827764 : -38
47 : #877c68 : -36
49 : #8d816d : -34
51 : #928672 : -32
53 : #978b78 : -30
55 : #9b907d : -28
57 : #a09583 : -26
59 : #a49a89 : -24
61 : #a89f8f : -22
63 : #ada494 : -20
65 : #b1a99a : -18
67 : #b6aea0 : -16
69 : #bab3a6 : -14
71 : #bfb8ab : -12
73 : #c3bdb1 : -10
75 : #c8c1b7 : -8
77 : #ccc6bd : -6
79 : #d0cbc2 : -4
81 : #d5d0c8 : -2
83 : #d9d5ce : ±0
85 : #dedad4 : +2
87 : #e2dfda : +4
89 : #e7e4df : +6
91 : #ebe9e5 : +8
93 : #efeeeb : +10
95 : #f4f3f1 : +12
97 : #f8f8f6 : +14
99 : #fdfdfc : +16
CSS入門、作ってます。
text-shadow