#fe8 #ffee88
RGB
赤 | 255 |
---|---|
緑 | 238 |
青 | 136 |
HSL
色相 | 51° |
---|---|
彩度 | 100% |
明度 | 77% |
輝度 | 91% |
3桁の色
補色
反転色
RGB ( 赤 = 255, 緑 = 238, 青 = 136 )
HSL ( 色相 = 51°, 彩度 = 100%, 明度 = 77% )
H : 色相 ( 51° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ff8c8a : -50
11 : #ff9f8a : -40
21 : #ffb38a : -30
31 : #ffc68a : -20
41 : #ffda8a : -10
51 : #ffed8a : ±0
61 : #fdff8a : +10
71 : #e9ff8a : +20
81 : #d6ff8a : +30
91 : #c2ff8a : +40
101 : #afff8a : +50
111 : #9bff8a : +60
121 : #8aff8c : +70
131 : #8aff9f : +80
141 : #8affb3 : +90
151 : #8affc6 : +100
161 : #8affda : +110
171 : #8affed : +120
181 : #8afdff : +130
191 : #8ae9ff : +140
201 : #8ad6ff : +150
211 : #8ac2ff : +160
221 : #8aafff : +170
231 : #8a9bff : +180
241 : #8c8aff : +190
251 : #9f8aff : +200
261 : #b38aff : +210
271 : #c68aff : +220
281 : #da8aff : +230
291 : #ed8aff : +240
301 : #ff8afd : +250
311 : #ff8ae9 : +260
321 : #ff8ad6 : +270
331 : #ff8ac2 : +280
341 : #ff8aaf : +290
351 : #ff8a9b : +300
41 : #ffda8a : -10
42 : #ffdc8a : -9
43 : #ffde8a : -8
44 : #ffe08a : -7
45 : #ffe28a : -6
46 : #ffe48a : -5
47 : #ffe68a : -4
48 : #ffe88a : -3
49 : #ffe98a : -2
50 : #ffeb8a : -1
51 : #ffed8a : ±0
52 : #ffef8a : +1
53 : #fff18a : +2
54 : #fff38a : +3
55 : #fff58a : +4
56 : #fff78a : +5
57 : #fff98a : +6
58 : #fffb8a : +7
59 : #fffd8a : +8
60 : #ffff8a : +9
61 : #fdff8a : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c4c4c4 : -100
2 : #c6c5c3 : -98
4 : #c7c6c2 : -96
6 : #c8c7c1 : -94
8 : #c9c8c0 : -92
10 : #cac8be : -90
12 : #cbc9bd : -88
14 : #cdcabc : -86
16 : #cecbbb : -84
18 : #cfccba : -82
20 : #d0cdb9 : -80
22 : #d1cdb7 : -78
24 : #d2ceb6 : -76
26 : #d4cfb5 : -74
28 : #d5d0b4 : -72
30 : #d6d1b3 : -70
32 : #d7d1b2 : -68
34 : #d8d2b0 : -66
36 : #d9d3af : -64
38 : #dbd4ae : -62
40 : #dcd5ad : -60
42 : #ddd6ac : -58
44 : #ded6ab : -56
46 : #dfd7a9 : -54
48 : #e1d8a8 : -52
50 : #e2d9a7 : -50
52 : #e3daa6 : -48
54 : #e4dba5 : -46
56 : #e5dba4 : -44
58 : #e6dca2 : -42
60 : #e8dda1 : -40
62 : #e9dea0 : -38
64 : #eadf9f : -36
66 : #ebdf9e : -34
68 : #ece09c : -32
70 : #ede19b : -30
72 : #efe29a : -28
74 : #f0e399 : -26
76 : #f1e498 : -24
78 : #f2e497 : -22
80 : #f3e595 : -20
82 : #f4e694 : -18
84 : #f6e793 : -16
86 : #f7e892 : -14
88 : #f8e891 : -12
90 : #f9e990 : -10
92 : #faea8e : -8
94 : #fbeb8d : -6
96 : #fdec8c : -4
98 : #feed8b : -2
100 : #ffed8a : ±0
L : 明度 ( 77% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -76
3 : #0f0d00 : -74
5 : #1a1600 : -72
7 : #241e00 : -70
9 : #2e2700 : -68
11 : #383000 : -66
13 : #423800 : -64
15 : #4d4100 : -62
17 : #574a00 : -60
19 : #615200 : -58
21 : #6b5b00 : -56
23 : #756400 : -54
25 : #806c00 : -52
27 : #8a7500 : -50
29 : #947e00 : -48
31 : #9e8600 : -46
33 : #a88f00 : -44
35 : #b39800 : -42
37 : #bda000 : -40
39 : #c7a900 : -38
41 : #d1b200 : -36
43 : #dbba00 : -34
45 : #e6c300 : -32
47 : #f0cc00 : -30
49 : #fad400 : -28
51 : #ffda05 : -26
53 : #ffdb0f : -24
55 : #ffdd1a : -22
57 : #ffde24 : -20
59 : #ffe02e : -18
61 : #ffe138 : -16
63 : #ffe342 : -14
65 : #ffe44d : -12
67 : #ffe657 : -10
69 : #ffe761 : -8
71 : #ffe96b : -6
73 : #ffea75 : -4
75 : #ffec80 : -2
77 : #ffed8a : ±0
79 : #ffef94 : +2
81 : #fff09e : +4
83 : #fff2a8 : +6
85 : #fff4b3 : +8
87 : #fff5bd : +10
89 : #fff7c7 : +12
91 : #fff8d1 : +14
93 : #fffadb : +16
95 : #fffbe6 : +18
97 : #fffdf0 : +20
99 : #fffefa : +22
CSS入門、作ってます。
text-shadow