#f5d8cc
RGB
赤 | 245 |
---|---|
緑 | 216 |
青 | 204 |
HSL
色相 | 18° |
---|---|
彩度 | 67% |
明度 | 88% |
輝度 | 88% |
3桁の色
補色
反転色
RGB ( 赤 = 245, 緑 = 216, 青 = 204 )
HSL ( 色相 = 18°, 彩度 = 67%, 明度 = 88% )
H : 色相 ( 18° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #f5d1cc : -10
18 : #f5d8cc : ±0
28 : #f5dfcc : +10
38 : #f5e6cc : +20
48 : #f5edcc : +30
58 : #f5f4cc : +40
68 : #eff5cc : +50
78 : #e9f5cc : +60
88 : #e2f5cc : +70
98 : #dbf5cc : +80
108 : #d4f5cc : +90
118 : #cdf5cc : +100
128 : #ccf5d1 : +110
138 : #ccf5d8 : +120
148 : #ccf5df : +130
158 : #ccf5e6 : +140
168 : #ccf5ed : +150
178 : #ccf5f4 : +160
188 : #cceff5 : +170
198 : #cce9f5 : +180
208 : #cce2f5 : +190
218 : #ccdbf5 : +200
228 : #ccd4f5 : +210
238 : #cccdf5 : +220
248 : #d1ccf5 : +230
258 : #d8ccf5 : +240
268 : #dfccf5 : +250
278 : #e6ccf5 : +260
288 : #edccf5 : +270
298 : #f4ccf5 : +280
308 : #f5ccef : +290
318 : #f5cce9 : +300
328 : #f5cce2 : +310
338 : #f5ccdb : +320
348 : #f5ccd4 : +330
358 : #f5cccd : +340
8 : #f5d1cc : -10
9 : #f5d2cc : -9
10 : #f5d3cc : -8
11 : #f5d3cc : -7
12 : #f5d4cc : -6
13 : #f5d5cc : -5
14 : #f5d5cc : -4
15 : #f5d6cc : -3
16 : #f5d7cc : -2
17 : #f5d8cc : -1
18 : #f5d8cc : ±0
19 : #f5d9cc : +1
20 : #f5dacc : +2
21 : #f5dacc : +3
22 : #f5dbcc : +4
23 : #f5dccc : +5
24 : #f5dccc : +6
25 : #f5ddcc : +7
26 : #f5decc : +8
27 : #f5decc : +9
28 : #f5dfcc : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #e1e0e0 : -66
3 : #e1e0df : -64
5 : #e2e0df : -62
7 : #e3e0de : -60
9 : #e3dfde : -58
11 : #e4dfdd : -56
13 : #e4dfdc : -54
15 : #e5dfdc : -52
17 : #e6dedb : -50
19 : #e6dedb : -48
21 : #e7deda : -46
23 : #e7ded9 : -44
25 : #e8ddd9 : -42
27 : #e9ddd8 : -40
29 : #e9ddd8 : -38
31 : #eaddd7 : -36
33 : #eadcd6 : -34
35 : #ebdcd6 : -32
37 : #ecdcd5 : -30
39 : #ecdcd4 : -28
41 : #eddbd4 : -26
43 : #eedbd3 : -24
45 : #eedbd3 : -22
47 : #efdbd2 : -20
49 : #efdad1 : -18
51 : #f0dad1 : -16
53 : #f1dad0 : -14
55 : #f1dad0 : -12
57 : #f2d9cf : -10
59 : #f2d9ce : -8
61 : #f3d9ce : -6
63 : #f4d9cd : -4
65 : #f4d8cd : -2
67 : #f5d8cc : ±0
69 : #f6d8cb : +2
71 : #f6d8cb : +4
73 : #f7d7ca : +6
75 : #f7d7c9 : +8
77 : #f8d7c9 : +10
79 : #f9d7c8 : +12
81 : #f9d6c8 : +14
83 : #fad6c7 : +16
85 : #fad6c6 : +18
87 : #fbd6c6 : +20
89 : #fcd6c5 : +22
91 : #fcd5c5 : +24
93 : #fdd5c4 : +26
95 : #fdd5c3 : +28
97 : #fed5c3 : +30
99 : #ffd4c2 : +32
L : 明度 ( 88% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -88
2 : #090402 : -86
4 : #110703 : -84
6 : #1a0b05 : -82
8 : #220f07 : -80
10 : #2b1308 : -78
12 : #33160a : -76
14 : #3c1a0c : -74
16 : #441e0d : -72
18 : #4d220f : -70
20 : #552511 : -68
22 : #5e2913 : -66
24 : #662d14 : -64
26 : #6f3116 : -62
28 : #773418 : -60
30 : #803819 : -58
32 : #883c1b : -56
34 : #913f1d : -54
36 : #99431e : -52
38 : #a24720 : -50
40 : #aa4b22 : -48
42 : #b34e23 : -46
44 : #bb5225 : -44
46 : #c45627 : -42
48 : #cc5a28 : -40
50 : #d55d2a : -38
52 : #d76433 : -36
54 : #d86a3b : -34
56 : #da7144 : -32
58 : #dc774c : -30
60 : #dd7e55 : -28
62 : #df845d : -26
64 : #e18b66 : -24
66 : #e2916e : -22
68 : #e49877 : -20
70 : #e69e7f : -18
72 : #e7a488 : -16
74 : #e9ab90 : -14
76 : #ebb199 : -12
78 : #ecb8a1 : -10
80 : #eebeaa : -8
82 : #f0c5b2 : -6
84 : #f2cbbb : -4
86 : #f3d2c3 : -2
88 : #f5d8cc : ±0
90 : #f7dfd4 : +2
92 : #f8e5dd : +4
94 : #faece5 : +6
96 : #fcf2ee : +8
98 : #fdf9f6 : +10
100 : #ffffff : +12
CSS入門、作ってます。
text-shadow