#f4cddc
RGB
赤 | 244 |
---|---|
緑 | 205 |
青 | 220 |
HSL
色相 | 337° |
---|---|
彩度 | 64% |
明度 | 88% |
輝度 | 86% |
3桁の色
補色
反転色
RGB ( 赤 = 244, 緑 = 205, 青 = 220 )
HSL ( 色相 = 337°, 彩度 = 64%, 明度 = 88% )
H : 色相 ( 337° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #f4d1cd : -330
17 : #f4d8cd : -320
27 : #f4decd : -310
37 : #f4e5cd : -300
47 : #f4ebcd : -290
57 : #f4f2cd : -280
67 : #eff4cd : -270
77 : #e9f4cd : -260
87 : #e2f4cd : -250
97 : #dcf4cd : -240
107 : #d5f4cd : -230
117 : #cff4cd : -220
127 : #cdf4d1 : -210
137 : #cdf4d8 : -200
147 : #cdf4de : -190
157 : #cdf4e5 : -180
167 : #cdf4eb : -170
177 : #cdf4f2 : -160
187 : #cdeff4 : -150
197 : #cde9f4 : -140
207 : #cde2f4 : -130
217 : #cddcf4 : -120
227 : #cdd5f4 : -110
237 : #cdcff4 : -100
247 : #d1cdf4 : -90
257 : #d8cdf4 : -80
267 : #decdf4 : -70
277 : #e5cdf4 : -60
287 : #ebcdf4 : -50
297 : #f2cdf4 : -40
307 : #f4cdef : -30
317 : #f4cde9 : -20
327 : #f4cde2 : -10
337 : #f4cddc : ±0
347 : #f4cdd5 : +10
357 : #f4cdcf : +20
327 : #f4cde2 : -10
328 : #f4cde2 : -9
329 : #f4cde1 : -8
330 : #f4cde0 : -7
331 : #f4cde0 : -6
332 : #f4cddf : -5
333 : #f4cdde : -4
334 : #f4cdde : -3
335 : #f4cddd : -2
336 : #f4cddc : -1
337 : #f4cddc : ±0
338 : #f4cddb : +1
339 : #f4cddb : +2
340 : #f4cdda : +3
341 : #f4cdd9 : +4
342 : #f4cdd9 : +5
343 : #f4cdd8 : +6
344 : #f4cdd7 : +7
345 : #f4cdd7 : +8
346 : #f4cdd6 : +9
347 : #f4cdd5 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #e0e0e0 : -64
2 : #e1e0e0 : -62
4 : #e2dfe0 : -60
6 : #e2dfe0 : -58
8 : #e3dee0 : -56
10 : #e3dde0 : -54
12 : #e4dde0 : -52
14 : #e5dcdf : -50
16 : #e5dcdf : -48
18 : #e6dbdf : -46
20 : #e7dadf : -44
22 : #e7dadf : -42
24 : #e8d9df : -40
26 : #e8d8df : -38
28 : #e9d8de : -36
30 : #ead7de : -34
32 : #ead7de : -32
34 : #ebd6de : -30
36 : #ebd5de : -28
38 : #ecd5de : -26
40 : #edd4de : -24
42 : #edd4dd : -22
44 : #eed3dd : -20
46 : #eed2dd : -18
48 : #efd2dd : -16
50 : #f0d1dd : -14
52 : #f0d0dd : -12
54 : #f1d0dd : -10
56 : #f2cfdc : -8
58 : #f2cfdc : -6
60 : #f3cedc : -4
62 : #f3cddc : -2
64 : #f4cddc : ±0
66 : #f5ccdc : +2
68 : #f5ccdc : +4
70 : #f6cbdb : +6
72 : #f6cadb : +8
74 : #f7cadb : +10
76 : #f8c9db : +12
78 : #f8c9db : +14
80 : #f9c8db : +16
82 : #f9c7db : +18
84 : #fac7da : +20
86 : #fbc6da : +22
88 : #fbc5da : +24
90 : #fcc5da : +26
92 : #fdc4da : +28
94 : #fdc4da : +30
96 : #fec3da : +32
98 : #fec2d9 : +34
100 : #ffc2d9 : +36
L : 明度 ( 88% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -88
2 : #080204 : -86
4 : #110409 : -84
6 : #19060d : -82
8 : #210711 : -80
10 : #2a0916 : -78
12 : #320b1a : -76
14 : #3b0d1e : -74
16 : #430f23 : -72
18 : #4b1127 : -70
20 : #54122b : -68
22 : #5c1430 : -66
24 : #641634 : -64
26 : #6d1838 : -62
28 : #751a3d : -60
30 : #7d1c41 : -58
32 : #861d45 : -56
34 : #8e1f4a : -54
36 : #97214e : -52
38 : #9f2352 : -50
40 : #a72557 : -48
42 : #b0275b : -46
44 : #b8285f : -44
46 : #c02a64 : -42
48 : #c92c68 : -40
50 : #d12e6c : -38
52 : #d33672 : -36
54 : #d53f78 : -34
56 : #d7477e : -32
58 : #d84f84 : -30
60 : #da588a : -28
62 : #dc6090 : -26
64 : #de6895 : -24
66 : #e0719b : -22
68 : #e279a1 : -20
70 : #e382a7 : -18
72 : #e58aad : -16
74 : #e792b3 : -14
76 : #e99bb9 : -12
78 : #eba3bf : -10
80 : #edabc4 : -8
82 : #eeb4ca : -6
84 : #f0bcd0 : -4
86 : #f2c4d6 : -2
88 : #f4cddc : ±0
90 : #f6d5e2 : +2
92 : #f8dee8 : +4
94 : #f9e6ed : +6
96 : #fbeef3 : +8
98 : #fdf7f9 : +10
100 : #ffffff : +12
CSS入門、作ってます。
text-shadow