#d6dbcd
RGB
赤 | 214 |
---|---|
緑 | 219 |
青 | 205 |
HSL
色相 | 81° |
---|---|
彩度 | 16% |
明度 | 83% |
輝度 | 85% |
3桁の色
補色
反転色
RGB ( 赤 = 214, 緑 = 219, 青 = 205 )
HSL ( 色相 = 81°, 彩度 = 16%, 明度 = 83% )
H : 色相 ( 81° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #dbcdcd : -80
11 : #dbcfcd : -70
21 : #dbd2cd : -60
31 : #dbd4cd : -50
41 : #dbd6cd : -40
51 : #dbd9cd : -30
61 : #dadbcd : -20
71 : #d8dbcd : -10
81 : #d6dbcd : ±0
91 : #d3dbcd : +10
101 : #d1dbcd : +20
111 : #cfdbcd : +30
121 : #cddbcd : +40
131 : #cddbcf : +50
141 : #cddbd2 : +60
151 : #cddbd4 : +70
161 : #cddbd6 : +80
171 : #cddbd9 : +90
181 : #cddadb : +100
191 : #cdd8db : +110
201 : #cdd6db : +120
211 : #cdd3db : +130
221 : #cdd1db : +140
231 : #cdcfdb : +150
241 : #cdcddb : +160
251 : #cfcddb : +170
261 : #d2cddb : +180
271 : #d4cddb : +190
281 : #d6cddb : +200
291 : #d9cddb : +210
301 : #dbcdda : +220
311 : #dbcdd8 : +230
321 : #dbcdd6 : +240
331 : #dbcdd3 : +250
341 : #dbcdd1 : +260
351 : #dbcdcf : +270
71 : #d8dbcd : -10
72 : #d8dbcd : -9
73 : #d8dbcd : -8
74 : #d7dbcd : -7
75 : #d7dbcd : -6
76 : #d7dbcd : -5
77 : #d7dbcd : -4
78 : #d6dbcd : -3
79 : #d6dbcd : -2
80 : #d6dbcd : -1
81 : #d6dbcd : ±0
82 : #d5dbcd : +1
83 : #d5dbcd : +2
84 : #d5dbcd : +3
85 : #d5dbcd : +4
86 : #d5dbcd : +5
87 : #d4dbcd : +6
88 : #d4dbcd : +7
89 : #d4dbcd : +8
90 : #d4dbcd : +9
91 : #d3dbcd : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #d3d3d3 : -16
2 : #d4d5d3 : -14
4 : #d4d5d2 : -12
6 : #d4d6d1 : -10
8 : #d5d7d0 : -8
10 : #d5d8cf : -6
12 : #d5d9ce : -4
14 : #d5dace : -2
16 : #d6dbcd : ±0
18 : #d6dbcc : +2
20 : #d6dccb : +4
22 : #d7ddca : +6
24 : #d7dec9 : +8
26 : #d7dfc8 : +10
28 : #d7e0c8 : +12
30 : #d8e1c7 : +14
32 : #d8e2c6 : +16
34 : #d8e2c5 : +18
36 : #d8e3c4 : +20
38 : #d9e4c3 : +22
40 : #d9e5c2 : +24
42 : #d9e6c1 : +26
44 : #d9e7c1 : +28
46 : #dae8c0 : +30
48 : #dae8bf : +32
50 : #dae9be : +34
52 : #daeabd : +36
54 : #dbebbc : +38
56 : #dbecbb : +40
58 : #dbedbb : +42
60 : #dbeeba : +44
62 : #dcefb9 : +46
64 : #dcefb8 : +48
66 : #dcf0b7 : +50
68 : #dcf1b6 : +52
70 : #ddf2b5 : +54
72 : #ddf3b4 : +56
74 : #ddf4b4 : +58
76 : #def5b3 : +60
78 : #def5b2 : +62
80 : #def6b1 : +64
82 : #def7b0 : +66
84 : #dff8af : +68
86 : #dff9ae : +70
88 : #dffaae : +72
90 : #dffbad : +74
92 : #e0fcac : +76
94 : #e0fcab : +78
96 : #e0fdaa : +80
98 : #e0fea9 : +82
100 : #e1ffa8 : +84
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -82
3 : #080906 : -80
5 : #0d0f0b : -78
7 : #13150f : -76
9 : #181b13 : -74
11 : #1d2118 : -72
13 : #23261c : -70
15 : #282c20 : -68
17 : #2d3224 : -66
19 : #333829 : -64
21 : #383e2d : -62
23 : #3d4431 : -60
25 : #434a36 : -58
27 : #48503a : -56
29 : #4d563e : -54
31 : #535c42 : -52
33 : #586247 : -50
35 : #5e684b : -48
37 : #636d4f : -46
39 : #687354 : -44
41 : #6e7958 : -42
43 : #737f5c : -40
45 : #788560 : -38
47 : #7e8b65 : -36
49 : #839169 : -34
51 : #88966e : -32
53 : #8d9a74 : -30
55 : #929f7a : -28
57 : #97a380 : -26
59 : #9ba786 : -24
61 : #a0ab8c : -22
63 : #a5b092 : -20
65 : #aab497 : -18
67 : #afb89d : -16
69 : #b4bda3 : -14
71 : #b9c1a9 : -12
73 : #bdc5af : -10
75 : #c2c9b5 : -8
77 : #c7cebb : -6
79 : #ccd2c1 : -4
81 : #d1d6c7 : -2
83 : #d6dbcd : ±0
85 : #dbdfd3 : +2
87 : #dfe3d9 : +4
89 : #e4e7de : +6
91 : #e9ece4 : +8
93 : #eef0ea : +10
95 : #f3f4f0 : +12
97 : #f8f9f6 : +14
99 : #fdfdfc : +16
CSS入門、作ってます。
text-shadow