#ced6b8
RGB
赤 | 206 |
---|---|
緑 | 214 |
青 | 184 |
HSL
色相 | 76° |
---|---|
彩度 | 27% |
明度 | 78% |
輝度 | 82% |
3桁の色
補色
反転色
RGB ( 赤 = 206, 緑 = 214, 青 = 184 )
HSL ( 色相 = 76°, 彩度 = 27%, 明度 = 78% )
H : 色相 ( 76° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #d6bbb8 : -70
16 : #d6c0b8 : -60
26 : #d6c5b8 : -50
36 : #d6cab8 : -40
46 : #d6cfb8 : -30
56 : #d6d4b8 : -20
66 : #d3d6b8 : -10
76 : #ced6b8 : ±0
86 : #c9d6b8 : +10
96 : #c4d6b8 : +20
106 : #bfd6b8 : +30
116 : #bad6b8 : +40
126 : #b8d6bb : +50
136 : #b8d6c0 : +60
146 : #b8d6c5 : +70
156 : #b8d6ca : +80
166 : #b8d6cf : +90
176 : #b8d6d4 : +100
186 : #b8d3d6 : +110
196 : #b8ced6 : +120
206 : #b8c9d6 : +130
216 : #b8c4d6 : +140
226 : #b8bfd6 : +150
236 : #b8bad6 : +160
246 : #bbb8d6 : +170
256 : #c0b8d6 : +180
266 : #c5b8d6 : +190
276 : #cab8d6 : +200
286 : #cfb8d6 : +210
296 : #d4b8d6 : +220
306 : #d6b8d3 : +230
316 : #d6b8ce : +240
326 : #d6b8c9 : +250
336 : #d6b8c4 : +260
346 : #d6b8bf : +270
356 : #d6b8ba : +280
66 : #d3d6b8 : -10
67 : #d3d6b8 : -9
68 : #d2d6b8 : -8
69 : #d2d6b8 : -7
70 : #d1d6b8 : -6
71 : #d0d6b8 : -5
72 : #d0d6b8 : -4
73 : #cfd6b8 : -3
74 : #cfd6b8 : -2
75 : #ced6b8 : -1
76 : #ced6b8 : ±0
77 : #cdd6b8 : +1
78 : #cdd6b8 : +2
79 : #ccd6b8 : +3
80 : #ccd6b8 : +4
81 : #cbd6b8 : +5
82 : #cbd6b8 : +6
83 : #cad6b8 : +7
84 : #cad6b8 : +8
85 : #c9d6b8 : +9
86 : #c9d6b8 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #c7c7c6 : -26
3 : #c8c9c5 : -24
5 : #c8cac4 : -22
7 : #c9cbc3 : -20
9 : #c9ccc2 : -18
11 : #cacdc1 : -16
13 : #cacec0 : -14
15 : #cbcfbe : -12
17 : #cbd0bd : -10
19 : #ccd2bc : -8
21 : #ccd3bb : -6
23 : #cdd4ba : -4
25 : #cdd5b9 : -2
27 : #ced6b8 : ±0
29 : #ced7b7 : +2
31 : #cfd8b6 : +4
33 : #d0d9b4 : +6
35 : #d0dbb3 : +8
37 : #d1dcb2 : +10
39 : #d1ddb1 : +12
41 : #d2deb0 : +14
43 : #d2dfaf : +16
45 : #d3e0ae : +18
47 : #d3e1ad : +20
49 : #d4e2ab : +22
51 : #d4e4aa : +24
53 : #d5e5a9 : +26
55 : #d5e6a8 : +28
57 : #d6e7a7 : +30
59 : #d6e8a6 : +32
61 : #d7e9a5 : +34
63 : #d7eaa4 : +36
65 : #d8eba2 : +38
67 : #d8eca1 : +40
69 : #d9eea0 : +42
71 : #d9ef9f : +44
73 : #daf09e : +46
75 : #dbf19d : +48
77 : #dbf29c : +50
79 : #dcf39b : +52
81 : #dcf499 : +54
83 : #ddf598 : +56
85 : #ddf797 : +58
87 : #def896 : +60
89 : #def995 : +62
91 : #dffa94 : +64
93 : #dffb93 : +66
95 : #e0fc92 : +68
97 : #e0fd90 : +70
99 : #e1fe8f : +72
L : 明度 ( 78% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -78
2 : #060604 : -76
4 : #0b0d07 : -74
6 : #11130b : -72
8 : #171a0f : -70
10 : #1d2013 : -68
12 : #222716 : -66
14 : #282d1a : -64
16 : #2e341e : -62
18 : #343a22 : -60
20 : #394125 : -58
22 : #3f4729 : -56
24 : #454e2d : -54
26 : #4b5430 : -52
28 : #505b34 : -50
30 : #566138 : -48
32 : #5c683c : -46
34 : #626e3f : -44
36 : #677543 : -42
38 : #6d7b47 : -40
40 : #73824a : -38
42 : #79884e : -36
44 : #7e8e52 : -34
46 : #849556 : -32
48 : #8a9b59 : -30
50 : #90a25d : -28
52 : #94a664 : -26
54 : #98a96a : -24
56 : #9dad71 : -22
58 : #a1b177 : -20
60 : #a6b57d : -18
62 : #aab884 : -16
64 : #afbc8a : -14
66 : #b3c091 : -12
68 : #b8c397 : -10
70 : #bcc79e : -8
72 : #c1cba4 : -6
74 : #c5cfab : -4
76 : #cad2b1 : -2
78 : #ced6b8 : ±0
80 : #d2dabe : +2
82 : #d7ddc5 : +4
84 : #dbe1cb : +6
86 : #e0e5d2 : +8
88 : #e4e9d8 : +10
90 : #e9ecdf : +12
92 : #edf0e5 : +14
94 : #f2f4ec : +16
96 : #f6f8f2 : +18
98 : #fbfbf9 : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow