#277219
RGB
| 赤 | 39 |
|---|---|
| 緑 | 114 |
| 青 | 25 |
HSL
| 色相 | 111° |
|---|---|
| 彩度 | 64% |
| 明度 | 27% |
| 輝度 | 32% |
３桁の色
補色
反転色
RGB ( 赤 = 39, 緑 = 114, 青 = 25 )
HSL ( 色相 = 111°, 彩度 = 64%, 明度 = 27% )
H : 色相 ( 111° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #711a19 : -110
11 : #712919 : -100
21 : #713819 : -90
31 : #714619 : -80
41 : #715519 : -70
51 : #716419 : -60
61 : #6f7119 : -50
71 : #617119 : -40
81 : #527119 : -30
91 : #437119 : -20
101 : #357119 : -10
111 : #267119 : ±0
121 : #19711a : +10
131 : #197129 : +20
141 : #197138 : +30
151 : #197146 : +40
161 : #197155 : +50
171 : #197164 : +60
181 : #196f71 : +70
191 : #196171 : +80
201 : #195271 : +90
211 : #194371 : +100
221 : #193571 : +110
231 : #192671 : +120
241 : #1a1971 : +130
251 : #291971 : +140
261 : #381971 : +150
271 : #461971 : +160
281 : #551971 : +170
291 : #641971 : +180
301 : #71196f : +190
311 : #711961 : +200
321 : #711952 : +210
331 : #711943 : +220
341 : #711935 : +230
351 : #711926 : +240
101 : #357119 : -10
102 : #337119 : -9
103 : #327119 : -8
104 : #307119 : -7
105 : #2f7119 : -6
106 : #2d7119 : -5
107 : #2c7119 : -4
108 : #2a7119 : -3
109 : #297119 : -2
110 : #277119 : -1
111 : #267119 : ±0
112 : #257119 : +1
113 : #237119 : +2
114 : #227119 : +3
115 : #207119 : +4
116 : #1f7119 : +5
117 : #1d7119 : +6
118 : #1c7119 : +7
119 : #1a7119 : +8
120 : #197119 : +9
121 : #19711a : +10
S : 彩度 ( 64% )
(0%) 渋い ～ 鮮やか (100%)
0 : #444444 : -64
2 : #444643 : -62
4 : #434842 : -60
6 : #424941 : -58
8 : #414a3f : -56
10 : #404c3e : -54
12 : #3f4d3d : -52
14 : #3e4e3b : -50
16 : #3d503a : -48
18 : #3c5138 : -46
20 : #3b5337 : -44
22 : #3a5436 : -42
24 : #395534 : -40
26 : #385733 : -38
28 : #375832 : -36
30 : #365a30 : -34
32 : #355b2f : -32
34 : #345c2d : -30
36 : #335e2c : -28
38 : #335f2b : -26
40 : #326029 : -24
42 : #316228 : -22
44 : #306327 : -20
46 : #2f6525 : -18
48 : #2e6624 : -16
50 : #2d6722 : -14
52 : #2c6921 : -12
54 : #2b6a20 : -10
56 : #2a6b1e : -8
58 : #296d1d : -6
60 : #286e1c : -4
62 : #27701a : -2
64 : #267119 : ±0
66 : #257217 : +2
68 : #247416 : +4
70 : #237515 : +6
72 : #227613 : +8
74 : #217812 : +10
76 : #207911 : +12
78 : #1f7b0f : +14
80 : #1e7c0e : +16
82 : #1d7d0c : +18
84 : #1c7f0b : +20
86 : #1b800a : +22
88 : #1a8108 : +24
90 : #198307 : +26
92 : #198406 : +28
94 : #188604 : +30
96 : #178703 : +32
98 : #168801 : +34
100 : #158a00 : +36
L : 明度 ( 27% )
(0%) 暗い ～ 明るい (100%)
1 : #010401 : -26
3 : #040d03 : -24
5 : #071505 : -22
7 : #0a1d06 : -20
9 : #0d2608 : -18
11 : #0f2e0a : -16
13 : #12360c : -14
15 : #153f0e : -12
17 : #184710 : -10
19 : #1b4f11 : -8
21 : #1e5813 : -6
23 : #206015 : -4
25 : #236917 : -2
27 : #267119 : ±0
29 : #29791b : +2
31 : #2c821c : +4
33 : #2e8a1e : +6
35 : #319220 : +8
37 : #349b22 : +10
39 : #37a324 : +12
41 : #3aab26 : +14
43 : #3db427 : +16
45 : #3fbc29 : +18
47 : #42c52b : +20
49 : #45cd2d : +22
51 : #4ad232 : +24
53 : #51d43a : +26
55 : #59d643 : +28
57 : #60d84b : +30
59 : #68d954 : +32
61 : #6fdb5c : +34
63 : #76dd64 : +36
65 : #7edf6d : +38
67 : #85e175 : +40
69 : #8de37d : +42
71 : #94e486 : +44
73 : #9be68e : +46
75 : #a3e896 : +48
77 : #aaea9f : +50
79 : #b1eca7 : +52
81 : #b9eeb0 : +54
83 : #c0efb8 : +56
85 : #c8f1c0 : +58
87 : #cff3c9 : +60
89 : #d6f5d1 : +62
91 : #def7d9 : +64
93 : #e5f9e2 : +66
95 : #edfaea : +68
97 : #f4fcf2 : +70
99 : #fbfefb : +72
CSS入門、作ってます。
text-shadow