#d7790f
RGB
赤 | 215 |
---|---|
緑 | 121 |
青 | 15 |
HSL
色相 | 32° |
---|---|
彩度 | 87% |
明度 | 45% |
輝度 | 54% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 215, 緑 = 121, 青 = 15 )
HSL ( 色相 = 32°, 彩度 = 87%, 明度 = 45% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d7160f : -30
12 : #d7370f : -20
22 : #d7580f : -10
32 : #d7790f : ±0
42 : #d79b0f : +10
52 : #d7bc0f : +20
62 : #d0d70f : +30
72 : #afd70f : +40
82 : #8dd70f : +50
92 : #6cd70f : +60
102 : #4bd70f : +70
112 : #2ad70f : +80
122 : #0fd716 : +90
132 : #0fd737 : +100
142 : #0fd758 : +110
152 : #0fd779 : +120
162 : #0fd79b : +130
172 : #0fd7bc : +140
182 : #0fd0d7 : +150
192 : #0fafd7 : +160
202 : #0f8dd7 : +170
212 : #0f6cd7 : +180
222 : #0f4bd7 : +190
232 : #0f2ad7 : +200
242 : #160fd7 : +210
252 : #370fd7 : +220
262 : #580fd7 : +230
272 : #790fd7 : +240
282 : #9b0fd7 : +250
292 : #bc0fd7 : +260
302 : #d70fd0 : +270
312 : #d70faf : +280
322 : #d70f8d : +290
332 : #d70f6c : +300
342 : #d70f4b : +310
352 : #d70f2a : +320
22 : #d7580f : -10
23 : #d75b0f : -9
24 : #d75f0f : -8
25 : #d7620f : -7
26 : #d7650f : -6
27 : #d7690f : -5
28 : #d76c0f : -4
29 : #d76f0f : -3
30 : #d7730f : -2
31 : #d7760f : -1
32 : #d7790f : ±0
33 : #d77d0f : +1
34 : #d7800f : +2
35 : #d7830f : +3
36 : #d7870f : +4
37 : #d78a0f : +5
38 : #d78d0f : +6
39 : #d7910f : +7
40 : #d7940f : +8
41 : #d7970f : +9
42 : #d79b0f : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747372 : -86
3 : #76736f : -84
5 : #78736d : -82
7 : #7b736b : -80
9 : #7d7368 : -78
11 : #7f7466 : -76
13 : #827464 : -74
15 : #847462 : -72
17 : #86745f : -70
19 : #89745d : -68
21 : #8b745b : -66
23 : #8d7558 : -64
25 : #8f7556 : -62
27 : #927554 : -60
29 : #947551 : -58
31 : #96754f : -56
33 : #99754d : -54
35 : #9b754b : -52
37 : #9d7648 : -50
39 : #a07646 : -48
41 : #a27644 : -46
43 : #a47641 : -44
45 : #a6763f : -42
47 : #a9763d : -40
49 : #ab763b : -38
51 : #ad7738 : -36
53 : #b07736 : -34
55 : #b27734 : -32
57 : #b47731 : -30
59 : #b6772f : -28
61 : #b9772d : -26
63 : #bb782a : -24
65 : #bd7828 : -22
67 : #c07826 : -20
69 : #c27824 : -18
71 : #c47821 : -16
73 : #c7781f : -14
75 : #c9781d : -12
77 : #cb791a : -10
79 : #cd7918 : -8
81 : #d07916 : -6
83 : #d27914 : -4
85 : #d47911 : -2
87 : #d7790f : ±0
89 : #d97a0d : +2
91 : #db7a0a : +4
93 : #dd7a08 : +6
95 : #e07a06 : +8
97 : #e27a03 : +10
99 : #e47a01 : +12
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -44
3 : #0e0801 : -42
5 : #180d02 : -40
7 : #211302 : -38
9 : #2b1803 : -36
11 : #341e04 : -34
13 : #3e2304 : -32
15 : #482805 : -30
17 : #512e06 : -28
19 : #5b3306 : -26
21 : #643907 : -24
23 : #6e3e08 : -22
25 : #774308 : -20
27 : #814909 : -18
29 : #8a4e0a : -16
31 : #94540a : -14
33 : #9d590b : -12
35 : #a75e0c : -10
37 : #b0640c : -8
39 : #ba690d : -6
41 : #c46f0e : -4
43 : #cd740e : -2
45 : #d7790f : ±0
47 : #e07f10 : +2
49 : #ea8410 : +4
51 : #ef8915 : +6
53 : #ef8e1f : +8
55 : #f09328 : +10
57 : #f19832 : +12
59 : #f19d3b : +14
61 : #f2a145 : +16
63 : #f3a64f : +18
65 : #f3ab58 : +20
67 : #f4b062 : +22
69 : #f5b56b : +24
71 : #f5b975 : +26
73 : #f6be7e : +28
75 : #f7c388 : +30
77 : #f7c891 : +32
79 : #f8cd9b : +34
81 : #f9d1a4 : +36
83 : #f9d6ae : +38
85 : #fadbb7 : +40
87 : #fbe0c1 : +42
89 : #fbe5cb : +44
91 : #fce9d4 : +46
93 : #fdeede : +48
95 : #fdf3e7 : +50
97 : #fef8f1 : +52
99 : #fffdfa : +54
CSS入門、作ってます。
text-shadow