#ed9f78
RGB
赤 | 237 |
---|---|
緑 | 159 |
青 | 120 |
HSL
色相 | 20° |
---|---|
彩度 | 76% |
明度 | 70% |
輝度 | 70% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 237, 緑 = 159, 青 = 120 )
HSL ( 色相 = 20°, 彩度 = 76%, 明度 = 70% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ed7878 : -20
10 : #ed8c78 : -10
20 : #ed9f78 : ±0
30 : #edb378 : +10
40 : #edc678 : +20
50 : #edd978 : +30
60 : #eded78 : +40
70 : #d9ed78 : +50
80 : #c6ed78 : +60
90 : #b3ed78 : +70
100 : #9fed78 : +80
110 : #8ced78 : +90
120 : #78ed78 : +100
130 : #78ed8c : +110
140 : #78ed9f : +120
150 : #78edb3 : +130
160 : #78edc6 : +140
170 : #78edd9 : +150
180 : #78eded : +160
190 : #78d9ed : +170
200 : #78c6ed : +180
210 : #78b3ed : +190
220 : #789fed : +200
230 : #788ced : +210
240 : #7878ed : +220
250 : #8c78ed : +230
260 : #9f78ed : +240
270 : #b378ed : +250
280 : #c678ed : +260
290 : #d978ed : +270
300 : #ed78ed : +280
310 : #ed78d9 : +290
320 : #ed78c6 : +300
330 : #ed78b3 : +310
340 : #ed789f : +320
350 : #ed788c : +330
10 : #ed8c78 : -10
11 : #ed8e78 : -9
12 : #ed9078 : -8
13 : #ed9278 : -7
14 : #ed9378 : -6
15 : #ed9578 : -5
16 : #ed9778 : -4
17 : #ed9978 : -3
18 : #ed9b78 : -2
19 : #ed9d78 : -1
20 : #ed9f78 : ±0
21 : #eda178 : +1
22 : #eda378 : +2
23 : #eda578 : +3
24 : #eda778 : +4
25 : #eda978 : +5
26 : #edab78 : +6
27 : #edad78 : +7
28 : #edaf78 : +8
29 : #edb178 : +9
30 : #edb378 : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -76
2 : #b4b2b1 : -74
4 : #b6b1af : -72
6 : #b7b1ae : -70
8 : #b9b0ac : -68
10 : #bab0ab : -66
12 : #bcafa9 : -64
14 : #bdafa8 : -62
16 : #bfaea6 : -60
18 : #c0aea5 : -58
20 : #c2ada3 : -56
22 : #c3ada2 : -54
24 : #c5aca0 : -52
26 : #c6ac9f : -50
28 : #c8ab9d : -48
30 : #c9ab9c : -46
32 : #cbaa9a : -44
34 : #cdaa98 : -42
36 : #cea997 : -40
38 : #d0a995 : -38
40 : #d1a894 : -36
42 : #d3a892 : -34
44 : #d4a791 : -32
46 : #d6a78f : -30
48 : #d7a68e : -28
50 : #d9a68c : -26
52 : #daa58b : -24
54 : #dca589 : -22
56 : #dda488 : -20
58 : #dfa486 : -18
60 : #e0a385 : -16
62 : #e2a383 : -14
64 : #e3a282 : -12
66 : #e5a280 : -10
68 : #e7a17e : -8
70 : #e8a17d : -6
72 : #eaa07b : -4
74 : #eba07a : -2
76 : #ed9f78 : ±0
78 : #ee9f77 : +2
80 : #f09e75 : +4
82 : #f19e74 : +6
84 : #f39d72 : +8
86 : #f49d71 : +10
88 : #f69c6f : +12
90 : #f79c6e : +14
92 : #f99b6c : +16
94 : #fa9b6b : +18
96 : #fc9a69 : +20
98 : #fd9a68 : +22
100 : #ff9966 : +24
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #090401 : -68
4 : #120802 : -66
6 : #1b0b04 : -64
8 : #240f05 : -62
10 : #2d1306 : -60
12 : #361707 : -58
14 : #3f1b09 : -56
16 : #481e0a : -54
18 : #51220b : -52
20 : #5a260c : -50
22 : #632a0d : -48
24 : #6c2e0f : -46
26 : #753210 : -44
28 : #7e3511 : -42
30 : #873912 : -40
32 : #903d14 : -38
34 : #994115 : -36
36 : #a24516 : -34
38 : #ab4817 : -32
40 : #b44c18 : -30
42 : #bc501a : -28
44 : #c5541b : -26
46 : #ce581c : -24
48 : #d75b1d : -22
50 : #e05f1f : -20
52 : #e26628 : -18
54 : #e36c31 : -16
56 : #e4723a : -14
58 : #e57943 : -12
60 : #e77f4b : -10
62 : #e88654 : -8
64 : #e98c5d : -6
66 : #ea9266 : -4
68 : #eb996f : -2
70 : #ed9f78 : ±0
72 : #eea681 : +2
74 : #efac8a : +4
76 : #f0b293 : +6
78 : #f2b99c : +8
80 : #f3bfa5 : +10
82 : #f4c5ae : +12
84 : #f5ccb7 : +14
86 : #f6d2c0 : +16
88 : #f8d9c9 : +18
90 : #f9dfd2 : +20
92 : #fae5db : +22
94 : #fbece4 : +24
96 : #fdf2ed : +26
98 : #fef9f6 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow