#dfd5af
RGB
| 赤 | 223 |
|---|---|
| 緑 | 213 |
| 青 | 175 |
HSL
| 色相 | 48° |
|---|---|
| 彩度 | 43% |
| 明度 | 78% |
| 輝度 | 83% |
３桁の色
補色
反転色
RGB ( 赤 = 223, 緑 = 213, 青 = 175 )
HSL ( 色相 = 48°, 彩度 = 43%, 明度 = 78% )
H : 色相 ( 48° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #dfb5af : -40
18 : #dfbdaf : -30
28 : #dfc5af : -20
38 : #dfcdaf : -10
48 : #dfd5af : ±0
58 : #dfddaf : +10
68 : #d9dfaf : +20
78 : #d1dfaf : +30
88 : #c9dfaf : +40
98 : #c0dfaf : +50
108 : #b8dfaf : +60
118 : #b0dfaf : +70
128 : #afdfb5 : +80
138 : #afdfbd : +90
148 : #afdfc5 : +100
158 : #afdfcd : +110
168 : #afdfd5 : +120
178 : #afdfdd : +130
188 : #afd9df : +140
198 : #afd1df : +150
208 : #afc9df : +160
218 : #afc0df : +170
228 : #afb8df : +180
238 : #afb0df : +190
248 : #b5afdf : +200
258 : #bdafdf : +210
268 : #c5afdf : +220
278 : #cdafdf : +230
288 : #d5afdf : +240
298 : #ddafdf : +250
308 : #dfafd9 : +260
318 : #dfafd1 : +270
328 : #dfafc9 : +280
338 : #dfafc0 : +290
348 : #dfafb8 : +300
358 : #dfafb0 : +310
38 : #dfcdaf : -10
39 : #dfceaf : -9
40 : #dfcfaf : -8
41 : #dfd0af : -7
42 : #dfd1af : -6
43 : #dfd1af : -5
44 : #dfd2af : -4
45 : #dfd3af : -3
46 : #dfd4af : -2
47 : #dfd5af : -1
48 : #dfd5af : ±0
49 : #dfd6af : +1
50 : #dfd7af : +2
51 : #dfd8af : +3
52 : #dfd9af : +4
53 : #dfd9af : +5
54 : #dfdaaf : +6
55 : #dfdbaf : +7
56 : #dfdcaf : +8
57 : #dfddaf : +9
58 : #dfddaf : +10
S : 彩度 ( 43% )
(0%) 渋い ～ 鮮やか (100%)
1 : #c7c7c6 : -42
3 : #c9c8c5 : -40
5 : #cac9c4 : -38
7 : #cbc9c3 : -36
9 : #cccac2 : -34
11 : #cdcbc1 : -32
13 : #cecbc0 : -30
15 : #cfccbe : -28
17 : #d0cdbd : -26
19 : #d2cdbc : -24
21 : #d3cebb : -22
23 : #d4cfba : -20
25 : #d5cfb9 : -18
27 : #d6d0b8 : -16
29 : #d7d1b7 : -14
31 : #d8d1b6 : -12
33 : #d9d2b4 : -10
35 : #dbd3b3 : -8
37 : #dcd3b2 : -6
39 : #ddd4b1 : -4
41 : #ded5b0 : -2
43 : #dfd5af : ±0
45 : #e0d6ae : +2
47 : #e1d7ad : +4
49 : #e2d7ab : +6
51 : #e4d8aa : +8
53 : #e5d9a9 : +10
55 : #e6d9a8 : +12
57 : #e7daa7 : +14
59 : #e8dba6 : +16
61 : #e9dba5 : +18
63 : #eadca4 : +20
65 : #ebdda2 : +22
67 : #ecdda1 : +24
69 : #eedea0 : +26
71 : #efdf9f : +28
73 : #f0df9e : +30
75 : #f1e09d : +32
77 : #f2e19c : +34
79 : #f3e19b : +36
81 : #f4e299 : +38
83 : #f5e398 : +40
85 : #f7e497 : +42
87 : #f8e496 : +44
89 : #f9e595 : +46
91 : #fae694 : +48
93 : #fbe693 : +50
95 : #fce792 : +52
97 : #fde890 : +54
99 : #fee88f : +56
L : 明度 ( 78% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -78
2 : #070603 : -76
4 : #0f0d06 : -74
6 : #161309 : -72
8 : #1d1a0c : -70
10 : #24200f : -68
12 : #2c2611 : -66
14 : #332d14 : -64
16 : #3a3317 : -62
18 : #423a1a : -60
20 : #49401d : -58
22 : #504720 : -56
24 : #584d23 : -54
26 : #5f5326 : -52
28 : #665a29 : -50
30 : #6d602c : -48
32 : #75672f : -46
34 : #7c6d31 : -44
36 : #837334 : -42
38 : #8b7a37 : -40
40 : #92803a : -38
42 : #99873d : -36
44 : #a08d40 : -34
46 : #a89443 : -32
48 : #af9a46 : -30
50 : #b6a049 : -28
52 : #b9a450 : -26
54 : #bca857 : -24
56 : #bfac5f : -22
58 : #c2b066 : -20
60 : #c5b36d : -18
62 : #c8b774 : -16
64 : #cbbb7c : -14
66 : #cebf83 : -12
68 : #d0c28a : -10
70 : #d3c692 : -8
72 : #d6ca99 : -6
74 : #d9cea0 : -4
76 : #dcd2a7 : -2
78 : #dfd5af : ±0
80 : #e2d9b6 : +2
82 : #e5ddbd : +4
84 : #e8e1c5 : +6
86 : #ebe5cc : +8
88 : #eee8d3 : +10
90 : #f0ecdb : +12
92 : #f3f0e2 : +14
94 : #f6f4e9 : +16
96 : #f9f7f0 : +18
98 : #fcfbf8 : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow