#e1b756
RGB
| 赤 | 225 |
|---|---|
| 緑 | 183 |
| 青 | 86 |
HSL
| 色相 | 42° |
|---|---|
| 彩度 | 70% |
| 明度 | 61% |
| 輝度 | 72% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 225, 緑 = 183, 青 = 86 )
HSL ( 色相 = 42°, 彩度 = 70%, 明度 = 61% )
H : 色相 ( 42° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #e15b56 : -40
12 : #e17256 : -30
22 : #e18956 : -20
32 : #e1a056 : -10
42 : #e1b756 : ±0
52 : #e1cf56 : +10
62 : #dde156 : +20
72 : #c5e156 : +30
82 : #aee156 : +40
92 : #97e156 : +50
102 : #80e156 : +60
112 : #68e156 : +70
122 : #56e15b : +80
132 : #56e172 : +90
142 : #56e189 : +100
152 : #56e1a0 : +110
162 : #56e1b7 : +120
172 : #56e1cf : +130
182 : #56dde1 : +140
192 : #56c5e1 : +150
202 : #56aee1 : +160
212 : #5697e1 : +170
222 : #5680e1 : +180
232 : #5668e1 : +190
242 : #5b56e1 : +200
252 : #7256e1 : +210
262 : #8956e1 : +220
272 : #a056e1 : +230
282 : #b756e1 : +240
292 : #cf56e1 : +250
302 : #e156dd : +260
312 : #e156c5 : +270
322 : #e156ae : +280
332 : #e15697 : +290
342 : #e15680 : +300
352 : #e15668 : +310
32 : #e1a056 : -10
33 : #e1a356 : -9
34 : #e1a556 : -8
35 : #e1a756 : -7
36 : #e1a956 : -6
37 : #e1ac56 : -5
38 : #e1ae56 : -4
39 : #e1b056 : -3
40 : #e1b356 : -2
41 : #e1b556 : -1
42 : #e1b756 : ±0
43 : #e1ba56 : +1
44 : #e1bc56 : +2
45 : #e1be56 : +3
46 : #e1c156 : +4
47 : #e1c356 : +5
48 : #e1c556 : +6
49 : #e1c856 : +7
50 : #e1ca56 : +8
51 : #e1cc56 : +9
52 : #e1cf56 : +10
S : 彩度 ( 70% )
(0%) 渋い ～ 鮮やか (100%)
0 : #9b9b9b : -70
2 : #9e9c9a : -68
4 : #a09d98 : -66
6 : #a29e96 : -64
8 : #a49f94 : -62
10 : #a5a092 : -60
12 : #a7a090 : -58
14 : #a9a18e : -56
16 : #aba28c : -54
18 : #ada38a : -52
20 : #afa488 : -50
22 : #b1a486 : -48
24 : #b3a584 : -46
26 : #b5a682 : -44
28 : #b7a780 : -42
30 : #b9a77e : -40
32 : #bba87c : -38
34 : #bda97a : -36
36 : #bfaa78 : -34
38 : #c1ab76 : -32
40 : #c3ab74 : -30
42 : #c5ac72 : -28
44 : #c7ad70 : -26
46 : #c9ae6e : -24
48 : #cbaf6c : -22
50 : #cdaf6a : -20
52 : #cfb068 : -18
54 : #d1b166 : -16
56 : #d3b264 : -14
58 : #d5b362 : -12
60 : #d7b360 : -10
62 : #d9b45e : -8
64 : #dbb55c : -6
66 : #ddb65a : -4
68 : #dfb758 : -2
70 : #e1b756 : ±0
72 : #e3b854 : +2
74 : #e5b952 : +4
76 : #e7ba50 : +6
78 : #e9bb4e : +8
80 : #ebbb4c : +10
82 : #edbc4a : +12
84 : #efbd48 : +14
86 : #f1be46 : +16
88 : #f3bf44 : +18
90 : #f5bf42 : +20
92 : #f7c040 : +22
94 : #f9c13e : +24
96 : #fbc23c : +26
98 : #fdc33a : +28
100 : #ffc338 : +30
L : 明度 ( 61% )
(0%) 暗い ～ 明るい (100%)
1 : #040301 : -60
3 : #0d0a02 : -58
5 : #161004 : -56
7 : #1e1705 : -54
9 : #271d07 : -52
11 : #302408 : -50
13 : #382a0a : -48
15 : #41310b : -46
17 : #4a370d : -44
19 : #523e0f : -42
21 : #5b4510 : -40
23 : #644b12 : -38
25 : #6c5213 : -36
27 : #755815 : -34
29 : #7e5f16 : -32
31 : #866518 : -30
33 : #8f6c19 : -28
35 : #98721b : -26
37 : #a0791c : -24
39 : #a97f1e : -22
41 : #b2861f : -20
43 : #ba8c21 : -18
45 : #c39322 : -16
47 : #cc9924 : -14
49 : #d4a025 : -12
51 : #daa52b : -10
53 : #dba933 : -8
55 : #ddac3c : -6
57 : #deb045 : -4
59 : #e0b44d : -2
61 : #e1b756 : ±0
63 : #e3bb5f : +2
65 : #e4bf67 : +4
67 : #e6c270 : +6
69 : #e7c679 : +8
71 : #e9ca81 : +10
73 : #eacd8a : +12
75 : #ecd193 : +14
77 : #edd59b : +16
79 : #efd8a4 : +18
81 : #f0dcad : +20
83 : #f2e0b5 : +22
85 : #f4e3be : +24
87 : #f5e7c7 : +26
89 : #f7ebcf : +28
91 : #f8eed8 : +30
93 : #faf2e1 : +32
95 : #fbf6e9 : +34
97 : #fdf9f2 : +36
99 : #fefdfb : +38
CSS入門、作ってます。
text-shadow