#faf3ad
RGB
赤 | 250 |
---|---|
緑 | 243 |
青 | 173 |
HSL
色相 | 55° |
---|---|
彩度 | 89% |
明度 | 83% |
輝度 | 93% |
3桁の色
補色
反転色
RGB ( 赤 = 250, 緑 = 243, 青 = 173 )
HSL ( 色相 = 55°, 彩度 = 89%, 明度 = 83% )
H : 色相 ( 55° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #fab3ad : -50
15 : #fac0ad : -40
25 : #facdad : -30
35 : #fadaad : -20
45 : #fae7ad : -10
55 : #faf4ad : ±0
65 : #f4faad : +10
75 : #e7faad : +20
85 : #dafaad : +30
95 : #cdfaad : +40
105 : #c0faad : +50
115 : #b3faad : +60
125 : #adfab3 : +70
135 : #adfac0 : +80
145 : #adfacd : +90
155 : #adfada : +100
165 : #adfae7 : +110
175 : #adfaf4 : +120
185 : #adf4fa : +130
195 : #ade7fa : +140
205 : #addafa : +150
215 : #adcdfa : +160
225 : #adc0fa : +170
235 : #adb3fa : +180
245 : #b3adfa : +190
255 : #c0adfa : +200
265 : #cdadfa : +210
275 : #daadfa : +220
285 : #e7adfa : +230
295 : #f4adfa : +240
305 : #faadf4 : +250
315 : #faade7 : +260
325 : #faadda : +270
335 : #faadcd : +280
345 : #faadc0 : +290
355 : #faadb3 : +300
45 : #fae7ad : -10
46 : #fae8ad : -9
47 : #faeaad : -8
48 : #faebad : -7
49 : #faecad : -6
50 : #faedad : -5
51 : #faefad : -4
52 : #faf0ad : -3
53 : #faf1ad : -2
54 : #faf3ad : -1
55 : #faf4ad : ±0
56 : #faf5ad : +1
57 : #faf6ad : +2
58 : #faf8ad : +3
59 : #faf9ad : +4
60 : #fafaad : +5
61 : #f9faad : +6
62 : #f8faad : +7
63 : #f6faad : +8
64 : #f5faad : +9
65 : #f4faad : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d4d3 : -88
3 : #d5d5d2 : -86
5 : #d6d5d1 : -84
7 : #d7d6d1 : -82
9 : #d8d7d0 : -80
11 : #d8d8cf : -78
13 : #d9d8ce : -76
15 : #dad9cd : -74
17 : #dbdacc : -72
19 : #dcdbcb : -70
21 : #dddbcb : -68
23 : #dedcca : -66
25 : #deddc9 : -64
27 : #dfddc8 : -62
29 : #e0dec7 : -60
31 : #e1dfc6 : -58
33 : #e2e0c5 : -56
35 : #e3e0c4 : -54
37 : #e4e1c4 : -52
39 : #e5e2c3 : -50
41 : #e5e2c2 : -48
43 : #e6e3c1 : -46
45 : #e7e4c0 : -44
47 : #e8e5bf : -42
49 : #e9e5be : -40
51 : #eae6be : -38
53 : #ebe7bd : -36
55 : #ebe8bc : -34
57 : #ece8bb : -32
59 : #ede9ba : -30
61 : #eeeab9 : -28
63 : #efeab8 : -26
65 : #f0ebb7 : -24
67 : #f1ecb7 : -22
69 : #f2edb6 : -20
71 : #f2edb5 : -18
73 : #f3eeb4 : -16
75 : #f4efb3 : -14
77 : #f5efb2 : -12
79 : #f6f0b1 : -10
81 : #f7f1b1 : -8
83 : #f8f2b0 : -6
85 : #f8f2af : -4
87 : #f9f3ae : -2
89 : #faf4ad : ±0
91 : #fbf5ac : +2
93 : #fcf5ab : +4
95 : #fdf6aa : +6
97 : #fef7aa : +8
99 : #fff7a9 : +10
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -82
3 : #0e0d01 : -80
5 : #181601 : -78
7 : #221f02 : -76
9 : #2b2803 : -74
11 : #353103 : -72
13 : #3f3a04 : -70
15 : #484304 : -68
17 : #524c05 : -66
19 : #5c5405 : -64
21 : #655d06 : -62
23 : #6f6606 : -60
25 : #786f07 : -58
27 : #827808 : -56
29 : #8c8108 : -54
31 : #958a09 : -52
33 : #9f9309 : -50
35 : #a99b0a : -48
37 : #b2a40a : -46
39 : #bcad0b : -44
41 : #c6b60c : -42
43 : #cfbf0c : -40
45 : #d9c80d : -38
47 : #e3d10d : -36
49 : #ecda0e : -34
51 : #f1df13 : -32
53 : #f2e01c : -30
55 : #f2e126 : -28
57 : #f3e330 : -26
59 : #f3e439 : -24
61 : #f4e543 : -22
63 : #f5e74d : -20
65 : #f5e856 : -18
67 : #f6e960 : -16
69 : #f6eb6a : -14
71 : #f7ec73 : -12
73 : #f7ed7d : -10
75 : #f8ef87 : -8
77 : #f9f090 : -6
79 : #f9f19a : -4
81 : #faf2a3 : -2
83 : #faf4ad : ±0
85 : #fbf5b7 : +2
87 : #fbf6c0 : +4
89 : #fcf8ca : +6
91 : #fcf9d4 : +8
93 : #fdfadd : +10
95 : #fefce7 : +12
97 : #fefdf1 : +14
99 : #fffefa : +16
CSS入門、作ってます。
text-shadow